WEBSEMANTICA PROF.DANIELA PIRES

Transcrição

1 WEBSEMÂNTICA A websemântica é um conjunto de regras estabelecido pela W3C, para que todos os navegadores são navegar entenda o conteúdo e os SPIDERS (ROBOTS DE BUSCA) GOOGLE ROBOTS BING ROBOTS YAHOO ROBOTS, navegam, e através das TAGS identificam prioridades e dependendo do conteúdo, ranqueam nas primeiras páginas. Segue a ordem de TAGS para indexação nos buscadores. 1º URL: Endereço da página: No endereço é de bom uso, colocar o título da página, para as páginas internas escritas no padrão SEO (SEARCH ENGENNE OPTIMIZATION). Sem acentos, letra minúscula e onde tiver o espaço usar hífen. 2º TITLE: è o segundo item mais importante, uma página sem título ela é perdida na internet. Um dos principais erros de página sem título, são páginas criadas pelo DreamWeaver e não alteradas o título. Ao buscar no Google UNTITLED DOCUMENT, virá uma resultado de mais de de registros em páginas 90% feitas no Brasil. As páginas ficam perdida na internet e não aparecem nas buscas do conteúdo do cliente. 1

2 Buscas no Google para Untitled Document, veja nas demais telas como o DW escreve a tag TITLE. 2

3 <title>..:: Patas ao Alto ::..</title> // código 3

4 Sempre coloque título por página, se estiver no Quem Somos do Patas ao Alto será <title>..:: Quem Somos - Patas ao Alto ::..</title> 3º METATAGs: Abaixo as metatags usadas e sua explicação: Eu tenho METATAGS para identificar o conteúdo da página se está em qual língua. <meta http-equiv="content-language" content="pt-br"> Eu tenho metatag para identificar o padrão de escrita do conteúdo da página. <meta http-equiv="content-type" content="text/html; charset=iso " /> E tenho metatags para enviar conteúdo aos SPIDERS. DESCRIPTION: Terá um texto curto de apresentação da página em questão: Se for uma notícia, terá o primeiro parágrafo da notícia, sem uso de TAGS. MODELO DE DESCRIPTION <meta name="description" content="cachorra repórter, de quatro anos. Maga descreve o mundo sob o olhar do cão, desde 2007, pelo blog, quando ainda era um bebê. Embora conheça as regras do jornalismo, a imparcialidade passou longe da cachorra, que não suporta maldades feitas a outro animal. Já escreveu para o jornal Metro, na Revista da Folha (Folha de S. Paulo) e para a revista Viagem e Turismo. A cadela adora um passeio, por isso, também traz aqui dicas sobre lugares em que o cão pode levar seu dono para passear." /> Keywords = Palavras-chaves, devem ser separadas por vírgulas e ter conteúdo próprio para cada página. <meta name="keyword" content="artigos, Notícias e Vídeos sobre cachorros, Artigos, Notícias e Vídeos sobre cães,site sobre pets,o cachorro aqui é o rei" /> Rating = pré-carregamento que é geral <meta name="rating" content="general" /> Autor: é o dono do site <meta name="author" content="patas ao Alto" /> Copyright: protege o conteúdo do site <meta name="copyright" content=" /> Distribuição: GLOBAL = mundo todo, todo o mundo vê a página, distribua para todo o mundo. <meta name="distribution" content="global" /> 4

5 Expires: Conteúdo nunca expira. <meta name="expires" content="never"> Revisit-after: Me revisite daqui 7 dias. <meta name="revisit-after" content="7 Days" /> Robots: Podem me indexer e me seguir. <meta name="robots" content="index,follow" /> Todo o conteúdo acima tem que ser colocado entre as tags HEAD Agora vem por importância o conteúdo indexado na tag BODY. 3º H1: Título mais importante da página, deve ser usado para o assunto principal 4º H2: Sub-Título mais importante da página, deve ser usado para o assunto secundário 5º H3: Abaixo do sub-título mais importante da página, deve ser usado para o assunto terciário 6º H4: Abaixo do sub-título terciário, deve ser usado para o assunto quarto 7º H5: Abaixo do sub-título quarto, deve ser usado para o assunto quinto 8º H6: Abaixo do sub-título quinto, deve ser usado para o assunto sexto 9º strong: Que deve ser usado em palavras-chaves do assunto da página 10º em: Que deve ser usado em palavras-chaves do assunto da página com menos prioridade que as do Strong. 11º <UL><LI> listas: Que devem ser usados em menus 12º LINKS: <A HREF= ></A> Que devem ser usados como palavras-ancoras, remetendo link para uma outra página. Ex: Estou falando sobre natureza, na página natureza e falo sobre o mar, e tem uma página específica sobre o mar, na palavra MAR tenho que colocar o link para a a página mar. Melhor exemplo disso é o WIKIPEDIA. 5