Jump to content
Sign in to follow this  
Thiago ArteWeb

Criando um header para SEO

Recommended Posts

Boa tarde a todos.

Hoje estarei discorrendo um pouco sobre a construção de um cabeçalho de qualidade voltado para Search Engine Optimization (SEO). Primeiramente cabe salientar que essa é a minha visão do que seja o ideal baseado na minha experiência e estudo, podem existir visões diferentes da minha

 

1. Primeiramente o que é header?

O header ou cabeçalho são as informações iniciais do seu website. Através do cabeçalho explicamos para o nosso navegador a maneira com que queremos que nosso site seja visualizado e interpretado.

No contexto da programação, o header são todos os elementos presentes entre as tags <head></head>.

Vamos ao trabalho então.

 

2. Elementos header off Page

Os elementos que citarei abaixo, eu considero elementos off Page. Isso porque, no meu modo de ver, eles podem ser iguais para todas as páginas. Eu costumo fazer o seguinte, crio um arquivo header.php e insiro todos os elementos abaixo nesse arquivo e nas páginas do site referencio esse arquivo com um <?php include (‘header.php’); ?>. Isso facilita muito a manutenção. Imagine em um site com cem páginas quando você desejar mudar nome do arquivo css, você terá que abrir cem páginas para mudar esse arquivo em cada página. Criando um arquivo externo você não tem esse problema.

Veja abaixo os elementos header off Page:

2.1 Meta Charset

A tag charset serve para explicar para o nosso navegador como ele irá ler os textos do nosso site, ou seja, a maneira como ele irá codificar nossos caracteres. No Brasil utilizamos da seguinte maneira:

b1.jpg

Se não utilizarmos dessa maneira, os acentos e caracteres especiais típicos da língua portuguesa não serão codificados da maneira correta.

 

2.2 Meta Viewport

Hoje em dia, o layout responsivo é o melhor modelo de layout, conforme já explicado no outro POST, logo a tag Viewport é essencial para abertura correta do nosso site nas diferentes resoluções.

Ela é setada da seguinte maneira:

b2.jpg

 

2.3 Meta Author

A tag meta author não é tão essencial para o SEO, mas é importante para concretizar a autoria da página. Uma página sem meta author é a mesma coisa de um livro sem assinatura de um escritor.

b3.jpg

2.4 Links Rel

Os links de cabeçalho são importantíssimos. Hoje não admite-se mais atributos inline. Devemos sempre setar nossos arquivos externos como CSS.

É sempre importante também indicar o Favicon do site. Muitas linhas de estudo defendem que o Favicon é um critério importante no SEO.

b4.jpg

2.5 Scripts

Da mesma forma que os links, os scripts devem ser setados para arquivos externos. Nada de códigos Javascript ou JQuery inline.

b5.jpg

 

3. Elementos header on Page

Agora vou citar os elementos header on Page que na minha opinião são os mais importantes quando o assunto é SEO. Esses elementos devem ser diferentes de uma página para outra, logo devem ser inseridos em cada página e serem alterados de uma página para outra.

 

3.1 Tag Title

A tag title deve ser muito bem pensada na sua confecção. Ela é a principal tag de localização dos mecanismos de busca para seu site e ela deve ser única em cada página. Quanto mais para a esquerda, maior valor tem a tag do seu título. Por exemplo:

1- Title: ‘Açougue – venda de carnes de todos os tipos’

2- Title: ‘Bife de boi na promoção – Açougue’

Enquanto que na title 1 temos uma relevância maior para o empreendimento como um todo, ou seja, a açougue, no title 2, temos um foco voltado para um produto específico que é o bife de boi. Essa é a maneira como os mecanismos de busca visualizarão seu site, a grosso modo é claro.

 

3.2 Meta Description

É a descrição do seu site. É a forma com que seu site aparecerá nos mecanismos de busca. Ele é setado da seguinte maneira:

b7.jpg

 

3.3 Meta Keywords

Apesar de algumas linhas de pensamento afirmarem que as keywords não influenciam nos mecanismos de busca, eu prefiro errar pra mais, então gosto de inserir a meta keywords.

b6.jpg

 

4. Conclusão

Um cabeçalho bem feito é um grande passo para uma boa classificação nos mecanismos de busca como Google, Yahoo e Bing.

Eu finalizo deixando o seguinte código de cabeçalho, que no meu modo de ver é o ideal:

b8.jpg

5.Vídeo-aula

https://youtu.be/9JcORwRj5OM

Obrigado.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By Jack Oliveira
      Ola pessoal boa noite a todos
      gostaria de saber dos master 
      o que devo melhorar em meu SEO
      meu site ele não é CMS, eu estou fazendo ele do zero
      porém quero ter resultados bons nas busca no GOOGLE
      Segue o código que estou utilizando em meu site
       
      <title><?php echo $strtitulo;?> <?php echo ConfigPainel('site_nome'); ?> <?php echo $dados["cidade"]; ?></title> <meta name=language content=pt_BR.UTF8 > <meta name="distribution" content="global" /> <meta name="rating" content="general" /> <meta http-equiv="pragma" content="no-cache" /> <?php if ($indexar == 'S') { ?> <meta name="robots" content="index, follow, ALL"> <?php } ?> <?php if ($indexar == 'N') { ?> <meta name="robots" content="noindex, nofollow"> <?php } ?> <!-- Este site é otimizado com o SEO --> <link rel="canonical" href="<?php echo ConfigPainel('site_url'); ?>juina/pagina/<?php echo encodeSEOString($dados['titulo']); ?>/<?php echo $dados['id']; ?>" /> <meta property="og:locale" content="pt_BR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="<?php echo $strtitulo;?> - <?php echo $dados["cidade"]; ?> | <?php echo ConfigPainel('site_nome'); ?>" /> <meta property="og:description" content="<?php echo $dados["frase"]; ?>" /> <meta property="og:url" content="<?php echo ConfigPainel('site_url'); ?>/<?php echo Modulos('tabela_cidade'); ?>/pagina/<?php echo encodeSEOString($dados['titulo']); ?>/<?php echo $dados['id']; ?>" /> <meta property="og:site_name" content="<?php echo ConfigPainel('site_nome'); ?>" /> <meta property="article:publisher" content="<?php echo ConfigPainel('facebook'); ?>" /> <meta property="article:author" content="https://www.facebook.com/JNNEWS" /> <meta property="fb:app_id" content="<?php echo ConfigPainel('fb_app_id'); ?>" /> <meta property="og:image" content="<?php echo ConfigPainel('site_url'); ?>/<?php echo Modulos('tabela_cidade'); ?>/imagem/empresa/<?php echo $dados["imagem"]; ?>" /> <meta property="og:image:secure_url" content="<?php echo ConfigPainel('site_url'); ?>/<?php echo Modulos('tabela_cidade'); ?>/imagem/empresa/<?php echo $dados["imagem"]; ?>" /> <meta property="og:image:width" content="280" /> <meta property="og:image:height" content="280" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="<?php echo $dados["frase"]; ?>" /> <meta name="twitter:title" content="<?php echo $strtitulo;?> - <?php echo $dados["cidade"]; ?> | <?php echo ConfigPainel('site_nome'); ?>" /> <meta name="twitter:site" content="@JNNEWS" /> <meta name="twitter:image" content="<?php echo ConfigPainel('site_url'); ?>/<?php echo Modulos('tabela_cidade'); ?>/imagem/empresa/<?php echo $dados["imagem"]; ?>" /> <meta name="twitter:creator" content="@JNNEWS" /> O que  eu posso melhor na parte de SEO...
       
      Pesquisei e vi sobre SITEMAP que isso ajuda tbm em SEO
      então fiz ele mas em php
      sitemap.php
      Não sei se seria o correto 
       
      <?php require_once('../funcao/database.php'); $rss = new SimpleXMLElement(' '); $url = 'https://www.meudominio.com.br/juina'; $item = $rss->addChild('url'); $item->addChild('loc', $url); $item->addChild('lastmod', '2016-03-11T17:07:37+00:00'); $item->addChild('changefreq', 'weekly'); $item->addChild('priority', '1.00'); $item = $rss->addChild('url'); $item->addChild('loc', $url.'/sobre_nos'); $item->addChild('loc', $url.'/preco'); $item->addChild('loc', $url.'/como_funciona'); $item->addChild('loc', $url.'/contato'); $item->addChild('lastmod', '2016-03-11T17:07:37+00:00'); $item->addChild('changefreq', 'weekly'); $item->addChild('priority', '0.80'); $queryBlog = mysqli_query($link, "SELECT * FROM juina ORDER BY id DESC"); while($dadosBlog = mysqli_fetch_assoc($queryBlog)){ $dia = date('Y-m-d', strtotime($dadosBlog['data1'])); $hora = date('H:i:s', strtotime($dadosBlog['data1'])); $lastMod = $dia.'T'.$hora.'+00:00'; $item = $rss->addChild('url'); $item->addChild('loc', $url.'/pagina/'.encodeSEOString($dadosBlog['titulo']).$dadosBlog['id']); $item->addChild('lastmod', $lastMod); $item->addChild('changefreq', 'weekly'); $item->addChild('priority', '0.80'); } header("Content-type: application/xml; charset=UTF-8"); //echo $rss->asXML(); exit; ?> Se puderem me dar uma ajuda fico grato...
    • By penelopevitoria_
      Pessoal, 
       
      eu tive um problema, essa semana, com URLs que apareceram como "Excluídas" no Search Console. Eu fui pesquisar mais a fundo e acho que talvez eu tenha enviado o robots.txt errado, o que me deixou MUITO preocupada. Caímos em tráfego, várias URLs sumiram do Google e caímos em posições importantes também. 
       
      Eu fui na pasta raiz e já exclui o robots.txt. Podem me ajudar e dizer se configurei mesmo erroneamente? Meu arquivo robots.txt tinha as seguintes linhas: 
       
      User agent: *
      Disallow: blog.geekhunter.com.br/author (páginas de autor)
      Disallow: blog.geekhunter.com.br/page (páginas 1,2,3,4 aquelas mais inúteis que ranqueiam)
       
      Sitemap: link para o meu sitemap
       
      ------------------------------------------------------------------
      Ambos foram enviados no mesmo dia. 
       
      Perguntas: 
       
      O que posso fazer para tentar resolver isso? Tenho que subir um novo sitemap ou um novo robots.txt refeito? Quanto tempo vocês acham que demora para melhorar?  Me ajudem pois estou muito desesperada.   
      Obrigada desde já :( 
       

    • By Fernando Mineiro
      Pessoal,
      Sou completamente novato.
      Eu me propus a tentar fazer um site para divulgar o trabalho de um amigo.
      (tb serei ajudado, pois estou desenvolvendo uma nova habilidades).
      Ele já tinha uns três sites (no wix) mas todos estavam com uns problemas (meio inacabados, desatualizados, com uns links quebrados). Acho que ele começava a fazer o site, tinha dificuldades, depois acabava começando um outro site do zero de novo. O cara é top na profissão dele (psicólogo), mas meio devagar com tecnologia.
      Eu fiz um outro site para ele (tb no wix) e agora estou tentando melhorar o posicionamento no Google (SEO).
      Vi que em algumas situações, o Google acaba apontando para links dos sites antigos.
      É possível fazer com que todos os links antigos (de planos gratuitos do wix) apontem para um único site (o novo)?
      Pelo que estou entendendo, esse excesso de sites com conteúdos relativamente parecidos pode ser penalizado pelo Google, pois ele entende que um é o site principal e omite os outros... esse meu entendimento está correto?
      Eu fiz também o cadastro no google search console, enviei o sitemap lá...
      Alguém tem mais alguma dica simples que possa melhorar o SEO?
      OBS: na verdade, eu fiz dois sites um no wordpress e outro no wix. (eu não sabia qual plataforma seria melhor, por isso, testei as duas) Por fim, achei o wix melhor. Mas se alguém me disser que o wordpress é melhor para SEO, eu uso o de lá.

      Obrigado
    • By Guto Komezo
      Olá!
       
      Em um dos principais termos de pesquisa para nossa empresa, o resultado que é retornado na pesquisa orgânica é este em anexo.
      No entanto, o nome da cidade (Limeira) não está no title da nossa página inicial.
      Eu gostaria que a cidade não fosse mostrada no resultado de pesquisa orgânico, é possível intervir nesse sentido?
       
      Agradeço desde já a ajuda!
       

    • By Marcos Vinícius
      Pessoal,
       
      Já tentei de todas as formas que encontrei mas não consegui evitar que a impressão do browser saia sem o cabeçalho/rodapé. Sei q o usuário pode tirar isso das configurações de impressão mas serão muitos usuários e deixar pra que isso seja feito manualmente é complicado. Alguém sabe uma solução pra isso?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.