Especificar qual imagem nos resultados do Google é o seu logo, esta funcionalidade está disponível já algum tempo pelos desenvolvedores da Google, que focam organizações e empresas que tem suas imagens como banner(logo) oficial como demostração ao público que necessita ou se interessa pelos próprios serviços que se disponibilizam.
Para entender melhor o site shema.org, tem disponibilizado como apoio a essa estruturação para sites de organizações, como melhor classificação em relação ao se conhecer qual imagem mais apropriada da própria empresa.
Aos que usam Blogger e WordPress fica mais fácil para se entender a instalação, pois adicionar um Widget em um blog dessas plataformas ou em plataformas parecidas, seria quase impossível não ter exito na instalação. O código é simples, porém o Google será a chave de reconhecimento de sua logo, evitando qualquer problema no futuro em relação a pesquisas e classificações.
Instalar marcador(código) no Blogger
Para instalar marcador(código) no seu Blog peço que vá em Layout>Adicionar Gadget/Javascript>> HTML/JavaScript e cole este código na caixa do elemento a ser adicionado:
<div itemscope
itemtype=" http://teste-phabloprojetos.blogspot.com/ "> <a
itemprop="url" href="
http://teste-phabloprojetos.blogspot.com/ ">Home</a> <img
itemprop="logo" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSXnlyV50-7w_H1WMcIFjr18vzSEezluznPVEvm6ydxwaFLF5_RZX6NPDEFk20LMXGCZmn01GmULQBPn0abSImbynz-H9qTxWRsmmMGAbwScqyC5sn50IKkAREJgpJfX6vPfFbhjMK7mYs/s400/logo-oficial-blog-Google.jpg
" /> </div>
|
No código acima, você poderá fazer as mudanças para as configurações de seu Blog ou Site, no primeiro link você poderá colocar alguma página sua informando sobre seu Blog ou Site empresarial, no segundo pode deixar o sua URL normal e o terceiro você coloca seu logo oficial ou mais usado.
OBS: Para os que irão usar no Blogger e WordPress recomendo que coloquem estilo CSS nesse código pois após a introdução no seu Blog ou Site, verá muito simples a demonstração na página inicial. Então estão abertas as portas para estilizar o código. E se por acaso ficar bom me avise eu quero também :D!
Poderá ver também o post, Css Modificando corpo, fonte, cores das suas postagens, no qual estará tendo em pratica melhores formas para edições e estilos a serem executados em códigos e blogs.
E você já conhecia este marcador(código) de logos Empresariais? Se sim, o que achou?
Fala Ruan, ótimo post, bom, no caso é o http://schema.org/ certo? Só não entendi como fazer essa marcação em sites em geral, sem ser blog...
ResponderExcluirabraço
Gabriel,
ExcluirEste código tem seu funcionamento como gadget nas sidebars de blogs ou sites nas plataformas Blogger e Wordpress, porém em outras plataformas, ou até mesmo em desenvolvimentos de linguagens exclusivas. Para sites, creio que você crie colunas e adicione o código ou use o melhor método para esse código.
Pois ele pode como informado acima, trazer uma melhor classificação de sua logo. Logo, ficaria claro a sua estilização em CSS para não estar muito simples onde irá adicionar.
Abraços.
Olá Ruan!
ResponderExcluirEu ainda não conhecia essa marcação. Na verdade eu já tinha lido algo, mas não dei muita importância.
Bem interessante a questão de uma boa classificação da logo.
Grato pela dica!
Abraços!
John Silva,
ResponderExcluirFico grato com mais uma informação para que você venha usar no cotidiano. Mais uma vez repito, personaliza o código, é muito simples mesmo.
Abraços