Formation de base

Adicionou-se no servidor do website o subdomínio “www” como CNAME (Canonical

Name Record) apontando para o record “casa.continente.pt”.

O website Catálogo Casa, dispunha de um módulo com ferramentas SEO integradas na administração do CMS. Estas ferramentas permitem aos administradores do website rever e editar as meta tags, tudo numa única etapa. Estando estas, divididas em configurações gerais (com impacto em todo o website) e configurações específicas (para páginas individuais). As configurações gerais, ilustradas na Figura 29, afetam principalmente a página de entrada e os campos padrão, ou seja, naquelas páginas em que os campos de SEO estão vazios o CMS adota essas configurações por defeito. Esses campos impactavam ainda em todas as tags título

Capítulo 6

Figura 29 - Ecrã configurações gerais e diversas da administração do CMS Catálogo Casa antes da edição.

Na Figura 29, o campo “Page title SEO adjustement:” possibilita a opção de concatenar automaticamente as duas strings aplicadas por defeito “Nome da página vem depois do nome da loja”, na meta tag título das páginas HTML em todo o website. O primeiro campo “Separador de título de página”, a ação de seleção da outra alternativa desta combobox para: “o nome da loja depois do nome da página”, produzirá em todas as tags título do website a inversão desses textos e formar-se-á então em primeiro lugar o nome da página e só depois o nome por defeito da loja. Desta forma, evita-se que nos resultados dos motores de pesquisa todos os títulos iniciem de modo igual. Mas também outra ideia estava por detrás desta iniciativa, como indicam as ondas de calor de utilização dos motores de pesquisa, não só pelo sentido da leitura, mas também porque atenção dos internautas está mais concentrada no triângulo dourado, logo as principais palavras-chave devem aparecer no início dos títulos.

Estudadas as palavras-chave, a estratégia adotada foi procurar uniformizar a mensagem de comunicação, misturando esses termos com os restantes materiais de comunicação da empresa.

Figura 30 - Boas práticas utilizadas na otimização da página principal.

Verificar-se-á, pela Figura 30, que o título “padrão” destacado no ponto A, foi modificado para refletir essas boas práticas. Assim, onde anteriormente se poderia ler “Catálogo Casa” o texto foi alterado para “Catálogo Casa Continente”. Com esta alteração,

estes elementos passam a conter em todas as páginas, pelo menos uma referência à marca Continente. O campo meta descrição “padrão”, é igualmente o mesmo da primeira página, conforme identificado no item anterior. Este foi editado, de forma a tornar-se mais apelativo e a descrever melhor o conteúdo do website. Já o campo meta keywords (“padrão” e da página de entrada), foi editado para conter palavras-chave relevantes para identificar o conteúdo do

website. Apesar dos principais motores de pesquisa ignorarem este campo, outros

mecanismos mais pequenos ainda as consideram. Contudo, o texto inserido neste campo não é infinito, devem ser selecionadas cerca de dez palavras, devidamente separadas por intermédio de uma vírgula, seguido de um espaço a cada nova palavra.

Figura 31 - Ecrã configurações de SEO da administração do CMS Catálogo Casa após edição.

Os campos da Figura 31, foram preenchidos com as peças da Tabela 5, finalizando as configurações gerais do módulo SEO.

Página inicial/padrão

Title: Catálogo Casa Continente

Meta Description:

Tudo para decorar a sua casa, quartos, sala, cozinha, wc, festa - mil e uma possibilidades de decoração

Meta Keywords:

catálogo casa, decoração casa, decorar sala, decorar quarto, decorar casa de banho, decorar cozinha, decorar wc, dicas decoração, conselhos para decorar casa

Tabela 5 - Meta tags otimizadas para implementação nos campos das configurações de SEO.

Já as configurações individuais do módulo de SEO, atuam exclusivamente nas páginas correspondentes, proporcionando além da edição dos campos das meta tags, a possibilidade de alterar as palavras da URL de cada página, graças ao módulo URL Rewrite, que permite a edição deste campo para fazer corresponder melhor as palavras-chave selecionadas por página.

Também as restantes páginas de categoria, subcategorias e produtos dispunham de campos editáveis nos detalhes da área de administração do website. Porém, dado o número acrescido de páginas e ausência de um mecanismo de edição em lote desses campos, foi definido que seriam otimizados apenas um conjunto de limitado de páginas, mais

Capítulo 6

Figura 32 - Ecrã anterior (esq.) e posterior (dir.), à edição dos campos de SEO da categoria Decoração.

Este tipo de módulos é muito comum em CMS, geralmente este tipo de ferramentas pode ainda ser mais completo em plataformas e-commerce. Estas soluções podem permitir além de um elevado nível de customização das SERPs (Search Engine Result Pages), otimizar a maioria dos fatores on-page de um sistema web. Não requerendo conhecimentos de programação na maioria dos casos, são bastante simples de operar, através de um editor de texto, estando normalmente acessíveis aos gestores de conteúdos destes sistemas. Os

Webmasters conhecedores das boas práticas de SEO podem obter deste modo melhorias

significativas nos resultados orgânicos dos motores de pesquisa. Tirando-se mais partido da estrutura do website com maior facilidade, sem necessidade de intervenção no código das páginas web e dispensando desenvolvimentos adicionais.

Para o desenvolvimento destas peças de comunicação, consideraram-se além da utilização das regras de linguagem do manual de identidade do Continente, as técnicas de SEO específicas para cada um dos elementos que podem ser apresentados em resultados dos motores de pesquisa. Tendo em vista a demonstração das técnicas de otimização on-page implementadas no micro-site Catálogo Casa, apresentar-se-á de seguida, o seguinte exemplo com impactos nos SERPs (Search Engine Result Pages) da página de subcategoria: ”Utensílios de Jardim”.

A. Título da página (title tags)

Os títulos das páginas HTML (title tags) são usados como uma sugestão para o título em resultados nas consultas dos utilizadores em motores de pesquisa. Tendo em consideração a relevância destes elementos, procurou-se otimizar uma parte significativa dessas páginas, para que, cada título fosse irrepetível e este estivesse harmonizado com o conteúdo. O título de uma página deve ser descrito com precisão, pois geralmente apenas são exibidos nos resultados cerca de sessenta e cinco caracteres, aproximadamente entre seis e sete palavras, daí a necessidade desses elementos serem descritivos, mas inevitavelmente curtos. Estas práticas, quando honradas, auxiliam sobretudo os utilizadores fornecendo-lhes um bom tópico sobre as páginas em que vão clicar. Favorecem ainda a usabilidade de um website, pois estes elementos são exibidos nas janelas dos navegadores como título de cada página. Mas também ajudam os motores de pesquisa a distinguir os conteúdos específicos de cada página, aumentando assim a probabilidade destas serem disponibilizadas numa pesquisa. Através do painel de ferramentas Webmasters Tools do Google, é possível verificar quais as páginas com

tags de títulos: duplicadas, pequenos/longos e não informativos. A correção destes problemas

melhora a experiência do utilizador e pode beneficiar o desempenho do website nos motores de pesquisa (Google Inc., 2011).

B. URL (Links para as páginas)

Os nomes de domínio e URLs, são também uma parte importante das listas de resultados dos motores de pesquisa. Nas ligações das páginas, procurou-se utilizar as palavras-chave que fizessem corresponder melhor aos conteúdos dessas mesmas páginas. Porque essas palavras são visualizadas pelo utilizador nos resultados da pesquisa e marcadas a negrito quando elas coincidem com os termos da consulta. Podem ainda, funcionar como texto âncora em situações de partilha desses mesmos links em outros websites.

O nome do domínio e das ligações devem então ser descritivos e fáceis de ler. A funcionalidade de reescrita de URLs (URL Rewrite) do website Catálogo Casa, está acessível através da área de administração do website, procedeu-se assim à edição desses campos para alterar o URL de cada página intervencionada. No entanto, quando existe um espaço entre as palavras, esse módulo automaticamente separa as palavras com hífens “-” para facilitar a leitura das mesmas. Desta forma, os URLs das páginas tornam-se ainda memorizáveis, aumentando assim a probabilidade de serem hiperligados (Google Inc., 2011).

Capítulo 6

C. Meta tag descrição

As meta tags descrição (meta description) são resumos de uma página frequentemente utilizados pelo Google e outros motores de pesquisa nos excertos (Snippet) das páginas de resultados desses mecanismos (Krishnan, 2007).

As medidas de otimização implementadas nestes elementos, visaram descrever os conteúdos de cada página, escrevendo-se por isso, meta tags descrição das páginas onde se procura transmitir um sumário com uma mensagem atrativa para os utilizadores. Verificou-se que estes elementos podem ser utilizados pelo Google nos resultados da pesquisa (SERPs), exibindo cerca de 160 caracteres, aproximadamente entre 22 e 24 palavras. Considerando-se este facto, no desenvolvimento destas peças, procurou-se construir descrições únicas para cada página intervencionada dentro desse limite de caracteres.

Disponibilizar meta tags descrição originais, viabiliza o reforço da comunicação com o consumidor, através desta medida é possível transmitir-se por exemplo, os valores emocionais e funcionais da marca Continente em resultados da pesquisa. Esta prática também ajuda os motores de busca a distinguir os conteúdos específicos de cada página, e eleva a probabilidade de uma mensagem ser exibida e escolhida numa pesquisa.

Já a otimização de imagens do website, incidiu especialmente em banners estruturais do

website. Esta iniciativa dividiu-se em dois tipos de ações: a primeira destinou-se à otimização

dos ficheiros, evitando os textos genéricos como “imagem_1.jpg” e “1.gif”. O segundo tipo correspondeu à introdução de textos alternativos nas tags <img>, estes textos (para linguagem ASCII) foram criados, dando-se preferência a frases curtas, sem nunca perder o poder descritivo das imagens correspondentes.

A Figura 34, apresenta o editor do código HTML do módulo lateral da página principal do website. Entre o parágrafo das tags “<p> </p>” encontravam-se os dois banners que figuravam nessa página. Este trecho de código foi editado de modo a refletir as duas ações enumeradas anteriormente. Procedeu-se ainda a outra otimização neste código, foi complementado com a colocação de um atributo título (title) nos links das imagens, uma vez que estas continham uma hiperligação para outras páginas. A última ação teve como objetivo demonstrar a aplicação de uma técnica que permite com a utilização desse atributo que os

links funcionem como texto âncora, fornecendo adicionalmente um texto que descreve uma

ligação (W3C, 2012).

Quanto à geração e implementação do Sitemap.xml, após as alterações das palavras- chave nos URLs, foi criado um Sitemap.xml recorrendo-se a um serviço online “Online XML

Sitemap Generator”, um gerador de sitemaps web em XML, um formato aceite pela maioria

dos motores de pesquisa como o Google, Bing e o Yahoo!. Depois de construído, o ficheiro foi submetido ao validador do W3C para a validação do mesmo.

Após gerar o ficheiro, é necessário disponibilizá-lo no servidor e ainda sugeri-lo aos motores de pesquisa A localização desse ficheiro deverá ser sugerida aos motores de pesquisa. Só assim é possível concluir este processo, colocando-se então de seguida o URL relativo deste nas ferramentas do Google e do Bing Webmasters.

O website já dispunha de um ficheiro robots.txt, este excluía os diretórios sensíveis e pouco relevantes nos resultados de pesquisa. Esta técnica permite focar atenção dos robôs nos conteúdos mais importantes durante o rastreio do website. No entanto, outra técnica recomendada é inserir o URL absoluto no ficheiro robots.txt de forma a indicar aos “robôs” que rastreiam o website, sobre a existência e a localização do arquivo Sitemap.XML. Esta referência tem de ser executada iniciando numa nova linha com a palavra “Sitemap:URL”, com a primeira letra da palavra “S” em maiúscula semelhante ao seguinte exemplo experimentado:

Sitemap: http://www.casa.continente.pt/sitemap.xml

Essa diretiva é independente da linha user-agent, por isso não importa onde se vai posicionar no arquivo robots. Se for utilizado um ficheiro (Sitemap.xml), pode-se incluir apenas a localização de referência desse arquivo, não sendo necessário listar cada link individualmente (Google Inc., 2012).

Capítulo 6

Caso existam outros Sitemaps, como de imagens ou de vídeos, eles podem ser acrescentados no mesmo ficheiro, também em novas linhas separadas, e com as referências das localizações dos mesmos tal como no exemplo anterior.

Relativamente à otimização dos fatores off-page levou-se a cabo uma iniciativa de Link

Building.

O diretório Dmoz (http://www.dmoz.org/) é, considerado por muitos Webmasters como o principal diretório da Internet. Também conhecido pelos critérios apertados de seleção nos pedidos de submissão de websites. O Google pode utilizar as descrições das listagens do Open

Directory Project (DMOZ) para apresentar snippets, isto é um sinal da relevância deste Backlink. Existem vários requisitos para submeter um website neste diretório, nomeadamente

as exigências quanto: à escolha da categoria mais correta em que o website se insere; não é permitida a redundância de links para o mesmo conteúdo do website; também não devem ser submetidos websites em construção, só para referir algumas dessas regras (AOL Inc., 2012).