Informação genérica necessária

Para resultados de SEO consistentes, é necessário, antes de considerar qualquer tag e optimização, qual é a estratégia de conteúdo que se pretende. Ou seja, quais são os termos relevantes que queremos ver associados com o site, que termos irão os utilizadores utilizar para chegar a conteúdo (nosso ou não) do tipo que oferecemos? Esses termos tornam-se relevantes para as descrições, meta keywords e outros conteúdos do site.

Nome do produto;
Palavras chaves que queremos ver associadas ao produto;
Descrição para o produto;
Descrição para as várias secções do site.
Consideremos, por exemplo, um produto chamado "SAPO Fisco" com as palavras-chaves:

"IRS", "preenchimento", "declaração", "ajuda"

Palavras-chave

O conteúdo de um site é das coisas mais importantes, e é importante que seja único e relevante. Se existirem várias páginas com o mesmo conteúdo, poderá ser penalizado pelo Google.

É necessário perceber como é que as pessoas costumam pesquisar um determinado produto, serviço ou informação, como tal, a primeira coisa a fazer em relação ao SEO, é criar uma lista de palavras-chave que podem estar relacionadas com o conteúdo do site que estamos a criar.

Recomendações

• A palavra mais utilizada pode não ser a mais adequada, por ter um número alto de concorrentes poderá ser difícil disputar o primeiro lugar;
• Evitar o keyword stuffing, a utilização excessiva de palavras-chave.

Ferramentas

• Google Trends - Verificar e comparar pesquisas
• Google Keyword Planner - Escolher palavras-chave

Metadados

Na concepção de páginas, vários campos e metadados precisam de ser preenchidos para aumentar a relevância das páginas. Esses metadados são declinados a partir do que foi definido na estratégia de conteúdos.

Títulos

De acordo com o tipo de página, o conteúdo e formato do título tem que ser ajustado para destacar a informação que for mais específica no contexto da página que está a ser vista.

O título da homepage tem que ser o nome do produto. Opcionalmente, poderá incluir informação extra de descrição de produto.
Em termos de boas práticas:

• O título deve ter entre 50-60 caracteres, pois se for maior há a possibilidade de ficar cortado.
• Também não deve haver títulos com caixa alta, pois irá dificultar a leitura e irá ocupar mais espaço

Títulos (exemplo):

• "SAPO Fisco ou SAPO Fisco: ajuda nas declaração IRS"

As páginas internas do site têm que apresentar um título que consiste na ordem da hierarquia. Ou seja, primeiro o nome da página, seguido da secções que se lhe antecedem e por fim o nome do site.

Categorias/artigos/etc.:

• "estatudo de mecenato - benefícios sociais - SAPO Fisco"

Description

O campo de "description" é usado para descrever a página que se está a apresentar. É importante notar que não se quer um descrição para todas as páginas de site mas sim uma que descreva cada página. Idealmente, deverá conter as palavras-chaves que se considerem relevantes para o contexto. É recomendado uma dimensão entre os 70 e 160 caracteres para este campo.

Exemplo de descrição para a homepage:

Gerir as finanças e preencher o IRS não tem que ser complicado. O SAPO Fisco dá-lhe ajuda na sua declaração de IRS.

Exemplo para uma descrição de uma página de artigo:

Na sua declaração pode incluir o seu contributo para mecenato social. A sua doação a entidades o desenvolvimento dão-lhe vantagens fiscais.

Open Graph - Facebook

O Facebook utiliza um conjunto de atributos, chamados "Open Graph", para definir metadados que utiliza para apresentar páginas partilhadas nas suas redes sociais. A informação pedida para o "Open Graph" são: título da página; descrição; URL. Caso seja uma página de artigo, poderá referir o nome do site (com og:site_name). Se a página tiver uma página que descreva o conteúdo, poderá ser referenciada com o atributo og:image (deverá ter pelo menos 1200×630 pixels).

É possível diferenciar as descrições apresentadas nas meta-tags de "Open Graph", mas é suficiente reaproveitar o que está a ser usado para os crawlers dos motores de pesquisa.

Mais informação disponível em Incluir as tags Open Graph.

Twitter Card

Da mesma forma que é possível partilhar páginas e enriquecer a informação apresentada no Facebook, é possível definir meta-tags para formatar os resultados no Twitter. É denominado de "Twitter Card".

Para um "Twitter card"(twitter:card) do tipo sumário ("summary") é preciso apresentar:

• A indicação do tipo: twitter:card;
• O título: twitter:title;
• A descrição: twitter:description;
• O endereço da página: twitter:url;

Opcionalmente, pode ser definido:

• Uma imagem para o tweet: twitter:image. Deverá ter no mínimo uma dimensão de 120×120px;
• O nome da conta de twitter associada ao site: twitter:site.

Existem mais tipos de "Twitter card" que poderão ser opcionalmente usados: "summary_large_image", "photo", "gallery", "product", "app" ou "player".

Mais informação disponível em: Twitter Cards - Getting Started Guide

Hierarquia de informação

A hierarquia de um site, para as diversas páginas existentes, é importante não só para um bom posicionamento em motores de pesquisa, mas também tem impacto em utilizadores com necessidades especiais (e.g., invisuais).

Como tal, é importante que o elemento h1 corresponde ao título da página e não ao nome do site (excepto para o caso da homepage), e que não exista saltos entre a hierarquia de cabeçalhos.

Isto quer dizer que deve haver um caminho que o bot consegue seguir. Se a estrutura da página for fácil de perceber e vai de acordo com as queries mais utilizadas, então o Google pode mostrar na 'posição zero' e isto irá aumentar a visibilidade do site.

A página "Apresentar os conteúdos seguindo uma hierarquia" detalha os cuidados a ter.

Para verificar a estrutura de uma página pode-se utilizar a extensão Web Developer Toolbar (disponível para chrome e firefox). Indo à secção de informação e clicar em "View Document Outline", uma tab com a hierárquia da página irá abrir no browser.

Web Developer Tools

Testar Estrutura de Dados - Ferramenta da Google para verificar se existe algum erro na estrutura de dados de uma página

Indicar o idioma

Não é fácil identificar automaticamente o idioma na qual as páginas estão escritas daí que as os motores de pesquisa necessitam que lhes seja indicado o idioma no qual a página está escrita.

A identificação do idioma é feita no atributo 'lang' de elemento html da seguinte forma:

<!doctype html>
<html lang="pt">
  <!-- Documento escrito em português -->
  …

Este atributo aceita quer códigos de idiomas(pt para português, en para inglês, ...) quer idioma por região (pt-PT, português de Portugal; pt-BR, português do Brasil).

No caso de existir pedaços de texto que estou num idioma diferente do que está especificado pela página, é igualmente possível utilizadar o atributo lang. Por exemplo, se quiser indicar uma expressão francesa numa página em português, poderia marcar da seguinte forma:

<!doctype html>
<html lang="pt">
  <!-- Documento escrito em português -->
  …
<body>
  …
  <p>Em francês, <em>por favor</em> é dito <em lang="fr">s'il vous plaît</em>.</p>
  …

Os valores aceites para os idioma estão definidos nas especificações RFC bcp47, ISO 639-1 e ISO 3166-1 alpha-2.

Estrutura do URL

A estrutura do URL das páginas de um site é importante, e é importante que sejam únicos para diferentes páginas e conteúdo. Os motores de pesquisa utilizam o URL para referênciar cada conteúdo de um site, por isso é necessário URLs diferentes para serem apresentados nas pesquisas feitas pelos utilizadores.

Um bom URL é aquele que é perceptível e óbvio do que se trata a página, chama a atenção e é fácil de copiar por parte do utilizador.

Fonte Google Search Console - Em cima o exemplo de um URL dificil de entender que conteúdo podera ter e em baixo o mesmo mas perceptível para o utilizador do que se trata.

Recomendações

1. URLs simples e claros;
2. Preferir palavras a números, evitar usar session IDs;
3. Não utilizar palavras genéricas, por exemplo "pagina1.html";
4. Não utilizar palavras-chaves repetidas em excesso, por exemplo "noticias-noticias-noticias.html".
5. Evitar utilizar muitas subcategorias e com nomes que não está relacionado com o conteúdo, por exemplo ".../dir1/dir2/dir3/pagina.html"
6. Evitar ter páginas com acesso em subdominios e na origem, por exemplo, "dominio.com/pagina.html" e "sub.dominio.com/pagina.html"