Page 25 - Revista_60.pub
P. 25

A PROGRAMAR







        SEO E DESENVOLVEDORES: UNINDO ESFORÇOS PARA O DESENVOLVIMENTO

              Criar regras para gerar meta títulos e meta descrições   servir para explicar do que se trata aquele arquivo que não
         pode não ser a melhor alternativa para desempenho nos bus-  carregou,  por  fim  impactando  diretamente  a  experiência  do
         cadores e esses são pontos cruciais para o SEO, uma vez que   usuário.  Quanto  à  legenda,  desnecessário  dizer  que  pode
         é o título e a meta descrição que “convencem” o usuário a cli-  ser necessário adicionar a origem da fotografia ou adicionar
         car no seu conteúdo nas páginas de resultados dos motores de   mais texto à página simplesmente (o que pode ser útil para
         buscas (SERP) e que sinalizam aos motores de buscas sobre   sites  que  tenham  muito  conteúdo  visual  e  pouco  texto,  po-
         o que é o conteúdo da sua página.                      dendo ser interpretado pelos robôs dos motores de buscas
                                                                como conteúdo pouco relevante).
              A  canonicalização  das  páginas,  feita  através  da  tag
         “rel=canonical”,  previne  conteúdos  duplicados.  Ou  seja,  se      Vamos condensar essa experiência em lições finais,
         aquele  conteúdo  for  replicado  em  outros  sites  ou  mesmo  no   a.k.a: “Coisas que todo SEO gostaria que os programadores
         próprio  site  (como  acontece  corriqueiramente  com  e-  soubessem”.
         commerces que dispõem os mesmos produtos em categorias
         diferentes, gerando URLs únicos, mas conteúdos iguais), você
         poderá  dizer  ao  Google  qual  é  a  página  principal,  a  página
         “cânone”  para  ser  priorizada  nos  buscadores.  Ela  deve  ser   O SEO trabalhará
         utilizada abaixo da seção <head> da seguinte forma:
                                                                 sobre o site e o backof-
         <link rel=“canonical” href=https://www.meusite.com>
              Vale a pena perceber que a tag canonical deve ser apli-  fice construído antes
         cada em todas as páginas relevantes do website. Variações do
         próprio  domínio  (com  www,  sem  www,  com  https  ou  apenas   pelo programador, lo-
         http)  são  tratados  como  URLs  únicos.  Portanto,  é  completa-
         mente  possível  um  site  ter  mais  de  4  homepages  diferentes   go, qualquer falha no
         que  o  Google  considere  conteúdo  duplicado.  Isso  pode  ser
         resolvido com aplicação da canonical tag ou forçando o direcio-
         namento através de um código no .htaccess. Exemplo de um   processo anterior cau-
         redireccionamento sem WWW para domínio com WWW:
                                                                 sará falhas no trabalho
         RewriteEngine On
         RewriteCond %{HTTP_HOST} !^www\.
         RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1           do SEO.
         [R=301,L]


              Também é recomendável configurar o domínio preferido
         no Google Search Console, antigo Google Webmasters, para   Orientações SEO para uma boa performance
         indicar  claramente  ao  Google  qual  URL  deverá  priorizar  em
         relação ao website (sobre isto, consultar o fórum do Google).      Sites devem ter hierarquias de páginas o mais plano
                                                                      possível, sem páginas órfãs;
              Portanto, deixar esta opção disponível para o utilizador
         do backoffice tira a responsabilidade do programador e dá mai-    Reescreva o código no .htaccess para evitar homepa-
         or liberdade/poder de gerenciamento para o usuário do backof-  ges duplicadas;
         fice.
                                                                    Configure  sempre  a  tag canonical  nas  páginas  rele-
              Outra questão problemática encontrada foi no gerencia-  vantes;
         mento das imagens: não era possível visualizar as imagens e
         outros arquivos de mídia inseridos no website (seja para remo-    Layout não deve ofuscar os botões CTA para conver-
         ver, inserir fora de contextos de página, renomear ou redimen-  são;
         sionar),  não  era  possível  adicionar  título,  descrição  nem  Alt   
         Text nas imagens, que utilizavam uma regra automática para   Faça compressão do código fonte (HTML, Javascript,
         buscar o título da página. Motores de buscas, como o Google,   CSS)  para  diminuir  o  tempo  de  carregamento;  isso
         têm um funcionamento particular para as imagens e elas são   pode ser conseguido com uso de ferramentas gratui-
         parte importante para o desempenho do site, especialmente se   tas  (ver  abaixo)  e  também  pode  ser  descomprimido
         o  foco  for  serviços  ou  produtos  de  grande  apelo  visual  (i.e.:   posteriormente para facilitar a leitura;
         fotógrafos ou lojas virtuais).                             Priorize  o  desenvolvimento  de  sites  100%  responsi-
              Além disso, permitir o uso de descrição nas imagens é   vos (e não versões como m.sites.com), servindo con-
         uma premissa básica de inclusão e performance dos websites,   teúdo de acordo com o ecrã de cada dispositivo;
         uma vez que a internet do usuário pode impedir o carregamen-
         to da imagem, por exemplo, e o título ou uso de Alt Text pode




                                                           25
   20   21   22   23   24   25   26   27   28   29   30