Receitas de SEO · Polyglot
Description: These additions can help improve the SEO of your multi-language jekyll blog when using Polyglot.
Keywords: multilíngue, i18n, jekyll, políglota, rápido, intuitivo, untra, github, páginas, blog, plugin, ruby, gem, internacionalização, localização, tradução, idioma, suporte, multilíngue, multilíngue

# 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] }}">