Receitas de SEO

Receitas para Otimização de Mecanismos de Busca usando Polyglot

Se você instalou a gema jekyll-polyglot, essas adições ao cabeçalho do seu site podem facilmente fornecer ao seu blog jekyll bônus de SEO fornecidos pelo Google.

Declaração de Idioma HTML

De acordo com o WHATWG HTML Living Standard, você deve declarar o idioma da página usando o atributo lang no elemento HTML raiz. Adicione isso ao seu layout:

<html lang="{{ site.active_lang }}">

Isso permite que navegadores, mecanismos de busca e tecnologias assistivas (leitores de tela, ferramentas de tradução) processem seu conteúdo corretamente.

Multi-language SEO usando hreflang alternate tags

Você pode facilmente adicionar tags alternadas hreflang="pt-BR" ao seu site, obtendo SEO com pesquisas multilíngues do Google. Quando o navegador usa um idioma não suportado, o site retorna para a versão padrão com hreflang="x-default".

Certifique-se de incluir tags canônicas ao identificar conteúdo em páginas semelhantes do mesmo idioma.

{% if page.lang == site.default_lang %}
<link rel="canonical"
      href="http://yoursite.com{{page.permalink}}" />
{% else %}
<link rel="canonical"
      href="http://yoursite.com/{{page.lang}}{{page.permalink}}" />
{% endif %}
<link rel="alternate"
      hreflang="{{site.default_lang}}"
      href="http://yoursite.com{{page.permalink}}" />
<link rel="alternate"
      hreflang="x-default"
      href="http://yoursite.com{{page.permalink}}" />
{% for lang in site.languages %}
{% if lang == site.default_lang %}
  {% continue %}
{% endif %}
<link rel="alternate"
    hreflang="{{lang}}"
    href="http://yoursite.com/{{lang}}{{page.permalink}}" />
{% endfor %}

Todas as anteriores (hreflang e canonical)

Você pode obter o link canonical, links alternate hreflang e fallback x-default com uma única tag adicionada ao seu head.html:

{% I18n_Headers %}

Nota: Você ainda deve adicionar <html lang="pt-BR"> ao elemento raiz do seu layout separadamente, conforme descrito acima.

Com esse SEO, cada clique em uma página de um idioma do site contará para o total de cliques de todos os idiomas do site.

Outras práticas recomendadas de SEO para polyglot

sempre certifique-se de especificar as tags <meta> para keywords e description das páginas. Os mecanismos de pesquisa usarão essas tags para indexar melhor as páginas; para sites multilíngues, você deve fornecer valores diferentes para cada subidioma que seu site da web oferece suporte:

  <meta name="description" content="{{ page.description | default: site.description[site.active_lang] }}">
  <meta name="keywords" content="{{ page.keywords | default: site.keywords[site.active_lang] }}">