muitos proprietários de negócios on-line e comerciantes on-line sabem a importância do SEO na condução do tráfego para o seu site. O que muitos não sabem no entanto, é o link entre SEO e código fonte do seu site.
não importa quantas ferramentas e plugins do SEO você tem, em algum momento, você precisará olhar para o código fonte do seu site, seja para realizar uma auditoria SEO abrangente, ou para verificar itens individuais que têm um impacto no SEO do seu site.
Você está se perguntando o que exatamente o código fonte de um site é e o que ele faz?
normalmente, quando você abre uma página web, você vê a tipografia perfeita, imagens bonitas, vários elementos que adicionam à funcionalidade, Chamadas perfeitamente colocadas para a ação, e assim por diante.
Por Baixo destes elementos visíveis encontra-se o código fonte do seu site, que é o que determina como tudo aparece no seu site.
basicamente, o código fonte alimenta todo o seu site e é responsável pela aparência, sensação, funcionalidade e experiência do usuário do site.
para além de alimentar o seu site, o código-fonte é o que os motores de busca, como o Google, lêem para determinar se e como as suas páginas web devem ser indexadas e como devem aparecer nos resultados da pesquisa.
isto significa que o seu código fonte desempenha um papel muito crucial no SEO do seu site.
Se você tem erros em seu código fonte, isso pode resultar em dados SEO imprecisos, levando a rankings de pesquisa pobres.
portanto, é importante rever periodicamente o código fonte do seu site e garantir que tudo parece bem.
A questão é, como você vê o seu código fonte, e o que exatamente você deve estar à procura ao rever o seu código fonte?
como ler o código-fonte do seu site
enquanto visualizar o código-fonte do seu site é muito fácil, diferentes navegadores têm comandos diferentes para ver o código-fonte.
além disso, os comandos são diferentes para PC e Mac.
abaixo estão os comandos para ver o código fonte do seu site, dependendo do seu sistema operacional e navegador.
PC
Firefox: para ver o código-fonte do Firefox num PC, carregue e mantenha carregada a tecla CTRL e depois carregue na tecla “U” enquanto mantém carregada a tecla CTRL. Você também pode ver o código-fonte da página, clicando no menu Firefox, selecionando a opção “desenvolvedor Web”, e clicando em “fonte da Página.”Alternativamente, você pode clicar com o botão direito na página web e clicar em “Ver fonte da Página.”
Microsoft Edge: para ver o código-fonte da página na Microsoft edge, mantenha carregada a tecla CTRL e carregue em “U”, ou carregue com o botão direito na página web e carregue em “Ver fonte”.”The same works for Internet Explorer.
Google Chrome: mantenha carregada a tecla CTRL e carregue em “U.” Em alternativa, carregue nas três linhas horizontais do canto superior direito para mostrar o menu Chrome, seleccione “Ferramentas” e carregue em “Ver fonte”.”
Opera: Mantenha carregada a tecla CTRL e carregue em” U “ou carregue com o botão direito na página web e carregue em “ver o código da Página”.”
Mac
Safari: para ver o código-fonte da Página no Safari, mantenha as teclas” Opção “e” Comando “e carregue na tecla” U”. Alternativamente, clique com o botão direito na página web e clique em ” mostrar o código da Página.”
Firefox: você pode ver o código fonte da página segurando a chave “comando” e pressionando U. Alternativamente, vá para o menu Firefox, selecione ” desenvolvedor “e, em seguida, clique em” Ver fonte da Página “ou clique com o botão direito na página web e clique em “fonte da Página”.”
Chrome: carregue e mantenha as teclas “Opção” e “Comando” e carregue em “U.” Em alternativa, vá para o menu Chrome, carregue em “Mais Ferramentas” e seleccione “Ferramentas de desenvolvimento”.”Você também pode ver o código fonte, clicando com o botão direito na página e selecionando” Ver o código.”
por que é importante ler o código fonte do seu site
Como mencionei anteriormente, o código fonte do seu site tem um enorme impacto na SEO do seu site.
ver o seu código fonte é uma maneira fácil de verificar se vários aspectos do SEO do seu site estão configurados corretamente.
além disso, verificar o código fonte do seu concorrente permite-lhe ver o que eles estão a fazer nos seus websites.
Você pode reverter engenharia o que está em seu código fonte para alcançar resultados semelhantes em seu site.
abaixo estão algumas razões pelas quais você deve ler o seu código fonte.
é útil para verificar as marcas de Título
a marca de título é um dos elementos mais importantes para o seu SEO na página, e é, portanto, a coisa mais importante que você deve verificar ao rever o seu código fonte.
sempre que procura algo no Google, Todos os resultados são derivados das marcas de título das várias páginas web para as quais os resultados apontam.
isto significa que, sem etiquetas de Título no seu site, o seu site não pode ser encontrado em nenhum motor de busca.
para entender a importância da tag de título, vou usar uma ilustração. Quando se procura o nome “Cleverismo”, é isto que surge.
A parte destacada em vermelho foi diretamente derivada da nossa tag de título. Quando você for em frente e abrir nosso site e ver o código fonte, isso é o que você vai ver.
A parte destacada, o que aparece entre a abertura <título> marca e o fechamento </título> tag é o que é referido como a tag de título.
Como você pode ver, é exatamente semelhante ao que aparece nos resultados da pesquisa quando você procura o termo “Cleverismo.”
ao ler o código fonte do seu site, a primeira coisa que você precisa ter certeza é que cada uma das suas páginas web tem uma etiqueta de título. Não é surpreendente encontrar páginas web que não tenham tags de título.
lembre-se, se o seu site não tem tags de título, ele nunca irá aparecer nos resultados da pesquisa. Deve também certificar-se de que a sua marca de Título está localizada na secção <head> da sua página web.
além de ser necessário para que o seu site apareça nas páginas de resultados do motor de busca, a sua marca de título também influencia a forma como você aparece nos resultados da pesquisa. Google e outros motores de busca olhar para as palavras-chave em sua tag de título para determinar o que seu site ou página web é sobre.
Por exemplo, em nosso exemplo acima, se alguém procura a frase “obter o seu emprego de sonho”, eles podem vir através de nosso site, porque temos a mesma frase em nossa tag de título.
portanto, se quiser que a sua página seja classificada para um determinado tópico, deve certificar-se de que a etiqueta de título desta página inclui palavras relacionadas com esse tópico. Você pode verificar este post para saber mais sobre a optimização de tag title.
outras coisas importantes a ter em mente quando se trata de tags de título é que você só deve ter uma única tag de título para cada página web, e que cada tag de título em seu site deve ser único.
além disso, você deve garantir que há uma etiqueta de título para cada página em seu site.
ajuda o seu Contador a verificar as suas descrições de Meta
outra coisa que você deve verificar Ao rever o seu código fonte do site é as suas descrições de meta.
assim como as tags de Título, as descrições de meta também são encontradas na seção <head> do seu website HTML. A descrição de metal é basicamente uma breve (160 caracteres) descrição do que uma página web é sobre.
Quando a sua página web aparece nas páginas de resultados do motor de busca, a meta descrição aparece logo abaixo da marca de título.
Mais uma vez, vamos realizar uma busca do termo “Cleverismo” para entender o papel que a meta descrição desempenha.
Quando você procura o nome “Cleverismo”, isso é o que surge.
a parte destacada a vermelho é o que está contido na meta-descrição. Quando você voltar ao nosso código fonte do site, isto é o que você vai ver.
A parte destacada é o que é referido como a descrição meta.
Como você pode ver, é exatamente semelhante ao que aparece nos resultados de pesquisa abaixo da tag de Título quando você procura o termo ” Cleverismo.
Uma vez que as pessoas podem ler a sua descrição meta sem ter que abrir o seu site, a descrição meta age como cópia de publicidade gratuita que ajuda os potenciais visitantes determinar se eles vão encontrar o que eles estão procurando em seu site.
um número surpreendentemente elevado de proprietários de sites e desenvolvedores esquecer sobre a meta descrição, mas você não deve ignorá-la.
verifique e certifique-se de que cada página no seu site tem a sua meta descrição, e ao mesmo tempo certifique-se de que você não tem várias meta descrições.
às vezes, você pode ter dois plugins diferentes que podem resultar em que sua meta descrição seja duplicada.
Você também deve se certificar de que a descrição do meta é única para cada página. Resista à tentação de duplicar a mesma descrição de meta em cada página.
além disso, certifique-se de que as meta descrições estão localizadas na seção <head> do seu HTML.
finalmente, uma vez que a descrição meta é basicamente publicidade livre que determina se as pessoas clicar em-through para o seu site, tome um momento para criar grande cópia que irá ajudar a aumentar os seus click-through e conduzir mais visitantes para o seu site.
é útil para verificar as suas etiquetas de cabeçalho
a próxima coisa que você precisa verificar ao rever o seu código-fonte é se você está usando as etiquetas de cabeçalho corretamente, uma vez que eles também têm um impacto na sua SEO na página.
Existem diferentes níveis de etiquetas de rumo, sendo as mais comuns as marcas H1, H2 e H3.
a primeira coisa a fazer ao verificar as suas marcas de rumo é garantir que você não tem mais do que uma marca H1 em uma única página.
às vezes, dependendo do seu CMS, tema WordPress, ou plugins instalados, você pode encontrar várias marcas H1 em uma única página web.
O problema com isso é que a maioria dos motores de busca interpretá-lo como sobre-otimização, o que não é uma boa idéia para o seu SEO.
portanto, certifique-se de que há apenas uma tag H1 por página web, e isso deve ser usado para dar aos visitantes uma idéia clara do que esperar na página.
deve também verificar se tem marcas H2 e H3 nas suas páginas web.
estes são usados para quebrar o conteúdo para melhorar a legibilidade.
também pode incluir palavras-chave secundárias nas etiquetas H2 e H3 para complementar as suas palavras-chave principais.
verifique os seus Scripts
Scripts são ótimos para o seu site. Eles são úteis para adicionar funcionalidade ao seu site. Os scripts mais usados são JavaScript.
apesar da sua utilidade, scripts podem ser prejudiciais para o SEO do seu site e experiência do Usuário. Primeiro, ter muitos scripts atrasa o seu tempo de carregamento.
além disso, muitos desenvolvedores carregam os scripts perto da cabeça do conteúdo.
a idéia por trás disso é que ele permite que os scripts para carregar no início quando um visitante abre a página.
O problema com isso, no entanto, é que ter seus scripts carregar cedo significa que o seu site leva significativamente mais tempo para carregar.então, por que isso é um problema? Os usuários da Internet têm muito pouca paciência.
por cada segundo que seus visitantes esperam por sua página para carregar, você pode experimentar uma diminuição de 7% na conversão como os visitantes abandonam o seu site.isto pode ter um impacto significativo na receita do seu site.
é por isso que é muito importante rever seus scripts.
A primeira coisa que você precisa fazer aqui é verificar o número de scripts em seu site.quantos são? Precisas mesmo de todos estes guiões?
às vezes, você pode descobrir que alguns scripts ainda estão ativos em seu site, mesmo que eles não sejam mais necessários.
não só estes programas atrasam o seu tempo de carga, como também podem levar a erros adicionais.
A outra coisa que você deve fazer é mover os scripts para o fundo da página. Coloque-os imediatamente antes do encerramento <body> tag no HTML do seu site.
Alternativamente, você pode criar um arquivo JavaScript contendo todos os seus scripts e, em seguida, ligar para este arquivo no fundo do seu HTML.
qualquer uma destas duas abordagens significa que os scripts não têm que carregar antes do resto do site, levando assim a um aumento significativo na velocidade de carga do seu site.
ao verificar os scripts, Você também deve verificar se quaisquer códigos de rastreamento instalados, como o código de rastreamento do Facebook ou o Google Analytics, estão instalados corretamente.
se estes códigos de rastreamento não estão corretamente instalados, há uma chance de que você pode não estar coletando quaisquer dados relevantes.
Finalmente, verificar os seus programas permite-lhe descobrir se o seu site foi hackeado. À medida que passa pelos scripts instalados, confirme que todos os scripts ativos foram autorizados por você.
Se você encontrar um script que você não reconhece ou não autorizou, há uma chance de que ele poderia ter sido injetado lá por um hacker.
ver o seu código fonte é a única maneira de obter a visibilidade completa de todos os scripts que foram instalados no seu site.
verifique se existem Links nofollow
como proprietário de um site ou comerciante da internet, você provavelmente sabe quão importante é a construção de links para os seus esforços de SEO.
no entanto, todos os seus backlinks podem não servir nenhum propósito real se não forem seguidos.
para entender o que exatamente nofollows são e por que é importante verificar para eles, eu preciso falar sobre algo conhecido como “link juice.”
ao indexar sites, os motores de busca interpretam links para o seu site como endossos de outros sites. Se alguém optou por ligar ao seu conteúdo, então isso significa que o conteúdo em seu site é relevante e valioso.
Quanto mais sites externos você tem linking para o seu site, mais autoritário seu site é percebido como sendo por motores de busca, o que aumenta a probabilidade de seu site ser classificado mais alto pelos motores de busca.
a influência de tais ligações para o seu ranking de pesquisa é o que é referido em termos não-científicos como sumo de ligação.
às vezes, você pode codificar um atributo em links para evitar que o suco de link passe para o site ligado. Estes atributos são conhecidos como nofollows.
basicamente, o atributo nofollow diz aos robôs do motor de busca que rastejam através de um site para ignorar essa ligação.
Se um site de ligação ao seu site não tiver seguido o link, então o link não está passando nenhum suco de link e não contribui para o seu ranking de pesquisa.
é por isso que é importante passar pelo seu código fonte e verificar quaisquer ligações externas que tenham o atributo nofollow, mesmo que não o devam fazer.
Verifique a optimização de imagens
sabia que as imagens no seu site também contribuem para o SEO do seu site?
A chave para usar imagens para fins de SEO é garantir que as suas imagens têm etiquetas de Título e alt.
os robôs do motor de busca que rastejam através de sites não têm a capacidade de ver o que está contido nas imagens.
com etiquetas alt de Título e imagem, você fornece uma maneira para estes robôs compreenderem o que é a sua imagem.
a marca de título da imagem dá à imagem um título, enquanto a marca alt da imagem contém uma breve descrição da imagem.
usar etiquetas de Título e alt para as suas imagens é especialmente importante se você estiver usando as imagens para vender produtos em um site de comércio eletrônico.
ao usar imagens para comércio eletrônico, você deve incluir o nome da marca do produto e uma breve descrição como parte de sua tag alt imagem.
outras imagens que precisam ter tags alt incluem logotipos, infografias, diagramas explainer, fotos de equipe, e assim por diante.
no entanto, não é necessário incluir etiquetas alt para imagens decorativas, tais como as que aparecem no carrossel imagem no topo da sua página.
ao escrever a descrição para as etiquetas alt da sua imagem, evite o enchimento de muitas palavras-chave, uma vez que isso pode resultar em seu site a ser penalizado.
ao rever a sua fonte de página, pode ver imagens, quer procurando a marca<img> ou navegando para o painel de “elementos” depois de abrir o código-fonte.
no painel de elementos, você pode verificar o tamanho das imagens para ver se elas aumentam o seu tempo de carga.
Você também pode verificar a sua capacidade de resposta para ver se eles estão otimizados para visualização em diferentes telas.
Contrarcheck Meta Robots Tags
esta é outra coisa comum que muitos comerciantes e donos de sites ou se esquecem ou optam por ignorar.
As etiquetas dos meta-robôs dão instruções aos robôs do motor de busca sobre se as páginas específicas devem ser indexadas ou não, se as ligações dentro do conteúdo devem ser seguidas ou não, e assim por diante.
é por isso que é muito importante rever as suas etiquetas de meta-robôs.
Se o conteúdo das suas marcas de meta-robôs estiver incorrecto, irá dar as instruções erradas aos robôs do motor de busca, o que significa que você estará a sabotar os seus próprios esforços de SEO, impedindo estes robôs de indexar o seu conteúdo.
Se ler a fonte deste artigo no nosso site, irá reparar que tem uma marca meta-robot, que está realçada na imagem abaixo.
Esta meta Marca permite que os crawlers saibam que esta página deve ser indexada e que as ligações na página devem ser seguidas.
confirme que o Google Analytics está devidamente instalado
como um webmaster ou comerciante online, provavelmente já está a usar o Google Analytics para monitorizar e acompanhar várias estatísticas no seu site.
no entanto, há uma chance de que a análise não está instalada em todas as páginas, caso em que você pode não estar monitorando algumas estatísticas importantes.
felizmente, você pode verificar se a análise está corretamente instalada através do código fonte do seu site.
para verificar a instalação do Google Analytics, basta abrir o código fonte do seu site e procurar por ” UA.”Por exemplo, se abrirmos o código fonte do artigo que usamos no exemplo acima, você notará que o Google Analytics está instalado na página.
Se encontrar as letras UA seguidas de um código de 7 ou 8 dígitos, isto mostra que o Google Analytics está instalado nessa página (não o site inteiro).
Você também deve verificar para se certificar de que o código de rastreamento não aparece mais do que uma vez em uma única página.
repita este procedimento em cada página para se certificar de que a análise é instalada no resto das páginas.
Se você encontrar uma página que não tem um código de rastreamento, isso significa que você não está recebendo nenhuma análise dessa página.
Se você tem um site enorme de tal forma que você não pode verificar manualmente para o código de rastreamento analytics em cada página, você pode usar uma ferramenta como xml-sitemaps.com para facilitar-te o trabalho.
encerrando
você pode não ter considerado isso, mas ver o código fonte do seu site pode ser uma ótima maneira de realizar uma auditoria SEO no seu site e confirmar que tudo no seu site está bem.
A melhor parte sobre isso é que você não precisa ser um desenvolvedor web ou ter muita experiência técnica, a fim de escolher através de seu código fonte do site.