Pela QUANTIDADE de Tutoriais Ensinando intrincados efeitos utilizando CSS e javascript E Fácil TERMOS um IMPRESSÃO Que da Então existem desenvolvedores experientes web. O Opaco SEM Dúvida E hum engano.
Diariamente Entra gente nova não Mercado Web e NEM de sempre com Muito Conhecimento. Vendo ESTA avalanche de Informação FICAM desnorteados e Como Localidade: Não entendem muitos apenas COPIAM e COLAM. Tirando preguiçosos sistema operacional, alguns Simplesmente Localidade: Não conseguem encontram hum material de Bem Organizado Que explique o básico.
E não Caso de UMA page de internet, o básico e A Linguagem HTML. Ja vi Programadores criando Código desnecessário UO Inventando Soluções mirabolantes devido à Falta de Conhecimento verdadeiro sobre OS Elementos da Página.
Neste Artigo Localidade: Não Vou abordar Todas como tags HTML. Vou explicar AO Papel das Mais Importantes, o Opaco muda nelas com o HTML 5 e Como uti-las corretamente parágrafo conseguir hum locais EM Melhor posicionamento de Busca.
HTML e uma sigla de para Hyper Text Markup Language, E UMA Linguagem parágrafo Marcação de hipertexto. Opaco O Segundo Diretrizes, Nao Torna o HTML UMA Linguagem de Programação. E sim UMA Linguagem de estruturação. Aí o ESTA principais Motivo Pelô quali NAO PODEMOS INSERIR Código CSS, de Formatação, etiquetas Dentro Das HTML.
A Estrutura Básica de UMA page HTML e:
<html> <body> <p> Texto </ p> </ body> </ html>XHTML
O XHTML surgiu com uma popularização DOS Dispositivos Móveis e visualização image DOS sites los OUTRAS Mídias. Ele. tornou uma Escrita do HTML Mais Limpa e Organizada baseando-se NAS Regras do XML.
Mas AO Contrário que Opaco Somos levados a Pensar, o XHTML Localidade: Não E UMA version posterior AO HTML 4, mas apenas UMA forma de Estruturar o Código de forma otimizada. A W3C consideração o XHTML UMA Recomendação apenas.
De Maneira QUALQUÉR São apenas Rótulos e UMA page in XHTML E visivelmente los superiores VELOCIDADE e Percepção Pelos mecanismos de Busca.
Entre OS Melhoramentos ESTA uma obrigatoriedade de escrever como tags los minúsculo, o fechamento dos Elementos vazios e aninhamento correto das marcas e INSERIR Código CSS in-line E Pecado mortais.
Marcações Do HTML
De Os Elementos utilizados parágrafos CRIAR uma Estrutura São chamados de etiquetas. ELAS Ditas propriamente Localidade: Não São mostradas Pelo Navegador Opaco como uti apenas de para interpretar o Conteúdo da Página. FICAM Entre Sinais de Maior (>) e Menor (<). Quase Semper trabalham los Dupla Opaco englobam um contraditório fazer Código. Uma abre ea outra fecha.
etiquetas empre <p> Texto. </ p>
Ja n º s Elementos vazios, Que São marcas Opaco Localidade: Não trabalham Dupla em, POR Exemplo br , hr , img , o fechamento ocorre da seguinte Maneira:
<img src="imagem.jpg"/>
No HTML 5, o fechamento dos Elementos vazios E opcional.
DOCTYPE
Antes MESMO da Abertura da Primeira HTML tag, é Preciso informar AO Navegador Como o Documento Será, será estruturado. Existem TRES TIPOS:
- Strict - O Código Segue rigorosamente OS Padrões SEM misturar Formatação com Marcação. De Além de OUTROS POR Menores.
- Transitional Padrões O Código Segue OS nd maioria Das Vezes, o MAS PODEM deslizes Haver -.
- Frameset - Um pï ¿½ gina E Estruturada utilizando frames.
Sem declaração uma, O Navegador Acaba interpretando um page AO Seu modo, Chamado modo de peculiaridades, o Opaco PODE desconfigurar o esquema Totalmente.
Para trabalhar com o HTML, o aconselhável E o estrito. A declaração Padrão FICA:
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> ... </ html>
No HTML 5, uma Definição fazer DOCTYPE FOI extremo reduzida ao. SE um page para estruturada com ESTA version, basta declarar:
<! DOCTYPE html> <html> </ html>Elemento Meta Do HTML
Dentro do Elemento cabeça estao contidas Informações Gerais sobre a page. São como meta-Informations, Que TEM Mais significado parágrafo OS Navegadores e Sistemas de Busca fazer Opaco parágrafo o usuário.Estas meta-Informations possuem hum Elemento Específico Para Serem declaradas, o meta.
Você. PODE informar QUEM desenvolveu uma page, Palavras-chave, UMA DESCRIÇÃO breve sobre o Conteúdo, atualizar a page automáticamente APOS sândalo tempo (atualização), uma codificação da Página e POR AI Vai. Vejamos Três dos Atributos Mais Úteis parágrafo ESTA tag:
<meta name="description" content="Resumo sobre o Conteúdo da página" /> <meta name="keywords" content="palavras, chave" /> <meta http-equiv = "Content-Type" content = "text / html; charset = ISO-8859-1 "/>
Como Duas Primeiras Linhas dispensam Explicações e dez Como Objetivo buscadores OS. Apenas UMA Observação de uma Segunda: devido a utilização de para barbatanas maléficos, uma declaração de Palavras-chave JÁ É considerada desnecessária. Mas eu de sempre coloco POR garantia.
A Última Linha informa o Tipo de Conteúdo da Página, Opaco E HTML ea codificação DOS caracteres em. Muitos Problemas de acentuação NAS Palavras ocorrem devido à configuracao Desta Linha.
De forma resumida, o preferencial advindos IDIOMAS parágrafos ISO E fazer LATIM, Caso do português, POIs como Palavras PODEM Conter Acentos. O UTF-8 e hum Padrão internacional that also PODE Ser Utilizado los Páginas com Palavras acentuadas com Tanto Opaco OS Acentos Sejam representados POR Entidades. Neste Caso não Código da page o "A" FICA:
á
Em jornal Última Análise also Influencia a configuracao fazer Navegador Favoritos Looks Favoritos.
No HTML 5 ESTA FOI Linha simplificada e Passa a Ser Declarada ASSIM:
<meta charset=" ISO-8859-1"/>
Para UMA Lista Mais Completa dos Atributos fazer Elemento meta Acessem: http://www.w3schools.com/tags/tag_meta.asp
Outra Mudanca No HTML 5
AINDA não Cabeçalho da Página, uma nova version fazer HTML Trouxe UMA Mudanca nd declaração DOS Estilos e scripts.
<script type="text/javascript"> / / bacalhau </ script> <style type="text/css"> / / bacalhau </ style>
Agora Localidade: Não Precisa declarar o tipo.
<script> / / bacalhau </ script> <style> / / bacalhau </ style>
This Mudanca JÁ PODE Ser Aplicada como Páginas AINDA desenvolvidas com um version 4 UO com XHTML.
HTML Para SEO
O Em tempos do Rei Google, UMA page ALÉM de Parecer atraente par o Looks Favoritos, mecanismos Precisa Ser Relevante parágrafo Os de Busca. Livros E DISCUSSÕES this Respeito São muitos e Ate O number of Vezes Que Aparece uma Palavra-chave não Texto e contado parágrafos MELHORES obter Resultados.
Sem o intuito de aprofundar o ASSUNTO, Vou apresentar OS Atributos e Elementos HTML Mais Relevantes na page when o Propósito E uma otimização parágrafo OS mecanismos de Busca.
- título (Elemento) : Começamos Pelo Cabeçalho da Página. O título Elemento tempe o Maior peso na Definição da Relevância da page in Relação de Palavras-chave. Parte-se do suposto de Opaco se o Desenvolvedor colocou nenhum Título da página a Palavra e o Porque ELA Realmente E de suma importância e FAZ Parte fazer Conteúdo.
- título (atributo) : Utilizado principalmente ligações EM, Este atributo PODE Ser configurado parágrafo OUTROS Elementos also, Imagens Como. Quase Semper TEM uma Palavra-chave.
- h1-h6 : Definem OS Títulos. Sendo Que o h1 tempe o Maior tamanho de Fonte Padrão E E o Mais Relevante de Todos. Englobar o Título diretor com ESTA tag e conforme à importancia utilizar OS OUTROS ATÉ chegar h6 AO.
- forte e itálico : Em Ordem de importancia, como Palavras negritadas logotipo VEM DEPOIS DOS cabeçalhos (H1-H6). Como Palavras los itálico completam a Lista.
- alt : Hum Texto alternativo de serviços mostrado enquanto a Imagem Localidade: Não Carrega UO Localidade: Não FOI encontrada E UMA Bem-Vinda Adição n º s esforços de para atingir bom posicionamento NAS buscas.
A Correta utilização destas marcas POR si Só Trara ganhos significativos de SEO.
Nenhum comentário:
Postar um comentário