{"id":109,"date":"2007-06-14T17:32:27","date_gmt":"2007-06-14T20:32:27","guid":{"rendered":"http:\/\/www.meiradarocha.jor.br\/news\/2007\/06\/14\/detalhes-tao-pequenos-da-web-mas-que-importam\/"},"modified":"2007-06-14T17:32:27","modified_gmt":"2007-06-14T20:32:27","slug":"detalhes-tao-pequenos-da-web-mas-que-importam","status":"publish","type":"post","link":"https:\/\/meiradarocha.jor.br\/news\/2007\/06\/14\/detalhes-tao-pequenos-da-web-mas-que-importam\/","title":{"rendered":"Detalhes t\u00e3o pequenos da Web… mas que importam"},"content":{"rendered":"

Em geral, o pessoal que faz sites e p\u00e1ginas Web esquece de configurar informa\u00e7\u00f5es importantes para indexa\u00e7\u00e3o do conte\u00fado<\/strong>. E como cada vez mais fica claro, uma das coisas mais\u00a0importantes na internet \u00e9 que a informa\u00e7\u00e3o seja encontr\u00e1vel. Ela deve ser f\u00e1cil de ser indexada e classificada por mecanismos de busca como o Google, Alta Vista, Yahoo e outros.Mostro aqui alguns campos que ficam “escondidos” dentro do c\u00f3digo de p\u00e1ginas HTML, dentro das tags <HEAD><\/HEAD> e que podem ajudar a classificar melhor seu site.<\/p>\n

T\u00edtulo da p\u00e1gina<\/strong><\/p>\n

Falando em bookmarks: \u00e9 importante que o t\u00edtulo da p\u00e1gina (o que vai nas tags <TITLE><\/TITLE> e aparece na barra de nome das janelas) seja bem descritivo e breve sobre o site. Devem ser evitados firulas e enfeites, porque este\u00a0t\u00edtulo ser\u00e1 colocado nos bookmarks geralmente em ordem alfab\u00e9tica.<\/p>\n

Description e palavras-chave<\/strong><\/p>\n

S\u00e3o\u00a0campos que se podem colocar no cabe\u00e7alho (dentro tags <HEAD><\/HEAD>) de p\u00e1ginas HTML. Em geral, ningu\u00e9m preenche estes campos. Mas eles servem para mecanismos de busca indexarem e catalogarem a informa\u00e7\u00e3o de seu site. O sistema do meu\u00a0site, por exemplo, o WebGUI, usa esta informa\u00e7\u00e3o com sum\u00e1rio de p\u00e1ginas que pode ser usado em listagens de conte\u00fado.<\/p>\n

O c\u00f3digo destes campos, no cabe\u00e7alho da p\u00e1gina HTML \u00e9 o seguinte:<\/p>\n

<meta http-equiv=\"Keywords\" name=\"Keywords\" content=\"Detalhes que n\u00e3o podem faltar em p\u00e1ginas Web, Meira da Rocha\" \/><\/code> <meta http-equiv=\"Description\" name=\"Description\" content=\"Conhe\u00e7a alguns detalhes em p\u00e1ginas Web que s\u00e3o geralmente ignorados pelos arquitetos de informa\u00e7\u00e3o.\" \/><\/code><\/p>\n

\u00cdcone dos “Favoritos”<\/strong><\/p>\n

O ‘favicon” \u00e9 um\u00a0recurso lan\u00e7ado pela Microsoft em seu servidor e cliente Web (Internet Explorer). \u00c9 um \u00edcone em formato ICO que aparece\u00a0em links de p\u00e1ginas Web, no Windows, e fica ao lado do link colocado na lista de sites\u00a0do menu “Favoritos” ou “Bookmarks”. Ele n\u00e3o auxilia a indexa\u00e7\u00e3o mas ajuda na memoriza\u00e7\u00e3o e orienta\u00e7\u00e3o do usu\u00e1rio, al\u00e9m de refor\u00e7ar a marca d site.<\/p>\n

O favicon \u00e9 definido com as seguintes linhas no cabe\u00e7alho (entre as tags <HEAD><\/HEAD>) HTML:<\/p>\n

<link rel=\"icon\" href=\"\/extras\/favicon.png\" type=\"image\/png\" \/>
\n<link rel=\"SHORTCUT ICON\" href=\"\/extras\/favicon.ico\" \/><\/code><\/p>\n

Repare que h\u00e1 \u00edcones no\u00a0formato\u00a0PNG e\u00a0no formato ICO para permitir que o \u00edcone apare\u00e7a em todos os browsers (IE, Mozilla, Opera, Konqueror, Safari). Para fazer imagens nestes formatos, voc\u00ea pode usar o programa gratuito como o IrfanView<\/a>\u00a0ou qualquer bom programa comercial de manipula\u00e7\u00e3o de imagens. As imagens ICO e PNG devem\u00a0ser quadrados de\u00a032 pixels de tamanho.<\/p>\n

Os novos browsers todos aceitam este recurso. \u00c9 uma maneira de promover mais seu site ou neg\u00f3cio: colocar seu pr\u00f3prio \u00edcone ao lado do nome de seu site.<\/p>\n

Alguns servidores Web como o Netscape e sistemas como o WebGUI colocam\u00a0\u00edcone deles como default. \u00c9 uma boa pr\u00e1tica trocar o \u00edcone do fabricante\u00a0para o \u00edcone de sua empresa ou mesmo para sua foto (como no caso do meu site).<\/p>\n","protected":false},"excerpt":{"rendered":"

Em geral, o pessoal que faz sites e p\u00e1ginas Web esquece de configurar informa\u00e7\u00f5es importantes para indexa\u00e7\u00e3o do conte\u00fado. E como cada vez mais fica claro, uma das coisas mais\u00a0importantes […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[],"class_list":["post-109","post","type-post","status-publish","format-standard","hentry","category-internet","category-jornalismo-online"],"_links":{"self":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":0,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/109\/revisions"}],"wp:attachment":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/media?parent=109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/categories?post=109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/tags?post=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}