Se você gostar do post abaixo, por favor, clique aqui para se inscrever gratuitamente através do e-mail, assim você terá um post a cada e-mail recebido, podendo baixar nossos ebooks

Marca para informar Google qual logo Oficial do Blog

Marca para informar Google qual logo Oficial do Blog
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?

Gostou? Compartilhe:

4 comentários:

  1. 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...

    abraço

    ResponderExcluir
    Respostas
    1. Gabriel,

      Este 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.

      Excluir
  2. Olá Ruan!

    Eu 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!

    ResponderExcluir
  3. John Silva,

    Fico 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

    ResponderExcluir

Seu Comentário estará enriquecendo o conteúdo acima. Fico grato com sua participação! Qualquer dúvida relacionada a outro assunto use o nosso formulário de contato "Fale Conosco". Obrigado

Por favor me adicione no Google + para eu poder te responder de imediato!

 
Copyright © 2012 - Phablo Projetos - Direitos Reservados | Page Rank Licença Creative Commons
Desenvolvido por Carlos Vínicius | Tecnologia do Blogger | Páginas: Termos de Uso e Licença
    Twitter Facebook Google + YouTube