Cottonhat Diagnóstico de website · Confidencial
Preparado para Grândola Óptica · grandolaoptica.com

O site da Grândola Óptica está a perder clientes no telemóvel

A loja tem uma história forte: mais de 35 anos, oficina própria e um espaço novo e cuidado. O site atual não a conta bem. Encontrámos 19 problemas visuais, de navegação, legais e de visibilidade. Seis deles devem ser resolvidos com prioridade.

Preparado por Cottonhat StudioData 10 nov 2026Páginas: início, serviço, produto, coleção, contactos, legaisEcrãs: computador e telemóvel
6Prioridade alta
9Prioridade média
4Prioridade baixa
8Pontos já bem resolvidos
O essencial em 30 segundos
  1. As páginas legais publicadas ainda mostram texto de modelo entre [parênteses retos] e não identificam a empresa titular.
  2. No telemóvel, o menu está desalinhado e o botão flutuante "Marcar consulta" tapa outros botões.
  3. A página inicial não mostra morada, horário nem mapa. Quem procura "óptica em Grândola" não sabe quando pode passar na loja.
  4. O servidor entrega uma página praticamente vazia. Os assistentes de IA (ChatGPT, Perplexity) e alguns motores de busca não leem o conteúdo.

1. Imagem e aspeto visual

A primeira impressão no telemóvel é o que conta para a maioria das visitas de uma loja local.

AltaV1

O texto dos banners está dentro da imagem e fica ilegível no telemóvel

"Grândola Óptica — Cuidamos da sua visão com proximidade e confiança" faz parte da fotografia. No telemóvel, a frase fica com cerca de 6px de altura. Também não é lida pelo Google nem por leitores de ecrã, e não se pode corrigir sem refazer a imagem. O mesmo acontece no slide "Veja o mundo com outros olhos!".

Página inicial no telemóvel: texto do banner minúsculo e botão Marcar consulta sobreposto ao botão Ver todos Menu aberto no telemóvel com itens alinhados de forma diferente
Esquerda: página inicial num iPhone (390px). Direita: menu aberto (ver M1).

Correção: usar fotografia limpa com o título em texto real (HTML), legível em qualquer ecrã.

MédiaV2

Imagens dos serviços deformadas

Os cartões de serviço (Contactologia, Optometria Pediátrica, Tonometria…) esticam as fotografias para caberem na caixa. Ficam cerca de 7% mais altas do que o original. Nos rostos, nota-se.

Fotografia de contactologia nas proporções originais A mesma fotografia esticada na vertical como aparece no site
Esquerda: proporção original (2,13:1). Direita: como aparece no site (1,99:1).

Correção: recortar as imagens em vez de as esticar (object-fit: cover) ou usar o mesmo formato em todas.

MédiaV3

Páginas de produto vazias

A página do produto mostra a fotografia, uma referência interna e o título "Descrição" sem nada por baixo. Não há preço indicativo, disponibilidade nem forma de reservar ou pedir informação sobre aquela armação.

Página de produto Ray-Ban com a secção Descrição vazia

Correção: descrição curta, medidas, "experimente na loja" e um botão para reservar a prova ou perguntar pelo WhatsApp.

BaixaV4

Imagens muito pesadas para o tamanho a que aparecem

O logótipo é um PNG de 3200×1664 píxeis, mostrado a cerca de 130px de largura. Cada banner tem cerca de 400 KB em PNG. Ao converter as mesmas imagens para JPG/WebP otimizado, passámos de 7,4 MB para 2,2 MB sem perda visível.

2. Menus e navegação

AltaM1

Menu do telemóvel sem formatação consistente

No menu aberto, "Sobre nós" e "Contactos" estão alinhados à esquerda e "Produtos" e "Serviços" ao centro. O submenu aparece numa caixa branca dentro do fundo azul. O ícone de pesquisa e o ícone do menu (☰) são cinzento-escuro sobre azul, com pouco contraste. Não há botão visível para fechar o menu (ver imagem acima, à direita).

Correção: um único alinhamento, ícones na cor do texto, área de toque mínima de 44px e "Marcar consulta" e "Ligar" dentro do próprio menu.

AltaM2

Botão flutuante "Marcar consulta" tapa conteúdo

No telemóvel, o botão fixo cobre metade do botão "Ver todos" (ver V1) e, ao percorrer a página, outros conteúdos. No computador, sobrepõe-se ao texto das páginas de serviço.

Correção: barra inferior fixa e discreta no telemóvel ("Ligar · Marcar · Direções"), com espaço reservado no fim da página.

BaixaM3

Cinco carrosséis na página inicial e conteúdo repetido

Destaques, coleções, serviços, marcas e novidades rodam todos em carrossel. Para o efeito de rotação contínua, cada produto e serviço aparece duplicado ou triplicado no código. Quem usa leitor de ecrã ouve "Audiometria, Consultas Diárias, Tonometria…" três vezes. Os pontos de paginação (9 num só carrossel) também não ajudam.

3. Informação para o cliente

AltaC1

Sem morada, horário ou mapa na página inicial

A morada (R. Humberto Delgado 9A) e o horário (seg–sex 9h–13h e 15h–19h, sáb 9h–13h) só aparecem na página Contactos. Para uma loja de rua, estas são as informações que mais se procuram. A página Contactos também não tem mapa nem botão de direções.

MédiaC2

Dois emails diferentes e WhatsApp sem ligação

O topo e o rodapé de todas as páginas mostram grandolaoptica@gmail.com. A página Contactos e as páginas legais indicam grandolaoptica@grandolaoptica.com. O ícone do WhatsApp na página Contactos não tem número nem ligação. O telemóvel (928 027 317) só aparece nessa página.

Página de contactos com ícone de WhatsApp sem número e grande espaço vazio

Correção: um só email do domínio e ligação wa.me para o WhatsApp, iguais em todo o site.

BaixaC3

Formulário de marcação incompleto

A "Especialidade" aparece vazia por defeito e a lista não inclui "Consultas Diárias", que é anunciada como serviço. Data e hora são campos livres: o cliente pode pedir um domingo às 23h sem qualquer aviso. Também não se explica o que acontece depois do envio (confirmação por telefone? por email?).

4. Conformidade legal

Uma parte importante já está feita (ver "O que já está bem"). Faltam acabamentos que um cliente atento ou uma fiscalização notam.

AltaL1

Páginas legais publicadas com texto de modelo por preencher

A Política de Privacidade e as Condições de Utilização mostram os dados entre parênteses retos, tal como vieram do modelo: "a [Grândola Óptica]… com sede em [R. Humberto Delgado 9A…], NIPC [509538088]". Além disso, o responsável pelo tratamento é identificado apenas pelo nome comercial. Falta a denominação social da empresa titular do NIPC, que o RGPD exige.

Excerto da Política de Privacidade com dados entre parênteses retos

Correção: rever os dois textos, retirar os parênteses e indicar a firma completa (ex.: "… Lda."), o NIPC e a morada da sede.

MédiaL2

A ligação "Política de Cookies" do aviso abre a Política de Privacidade

No aviso de cookies, a ligação aponta para /info/politica-de-cookies, que mostra o texto da Política de Privacidade. A política de cookies correta está em /info/cookies (ligação do rodapé). Quem quer saber que cookies são usados antes de decidir não chega a essa informação.

MédiaL3

A Política de Privacidade não corresponde ao que o site faz

A política descreve o site como "exclusivamente institucional e informativo". No entanto, o formulário "Marcar Consulta" recolhe nome, email, telemóvel e o tipo de consulta de saúde pretendida (optometria, audiometria…). Convém que a política descreva este tratamento: finalidade, fundamento, prazo de conservação e quem recebe os pedidos. Junto ao botão de envio deve existir uma nota com ligação para a política.

MédiaA1

Falhas de acessibilidade (WCAG 2.1 AA)

A análise automática (axe-core) encontrou em todas as páginas: setas de carrossel sem nome (4), ícones do Facebook/Instagram sem texto (7), controlos interativos dentro de outros (até 22 na página de coleção), atributos ARIA inválidos nos menus e contraste insuficiente. Não existe declaração de acessibilidade. Uma microempresa que não vende online está, em princípio, isenta do Ato Europeu de Acessibilidade (DL 82/2022). Ainda assim, uma óptica tem muitos clientes com dificuldades de visão, por isso a acessibilidade faz sentido para o próprio negócio.

BaixaL4

Página de Resolução Alternativa de Litígios genérica

A página remete para a lista geral de entidades no Portal do Consumidor. A Lei 144/2015 pede que o consumidor seja informado das entidades RAL disponíveis ou a que a loja está vinculada. Recomenda-se indicar pelo nome a entidade competente e o respetivo site, por exemplo o CNIACC.

5. Visibilidade no Google e em assistentes de IA

AltaS1

O conteúdo só aparece depois de o JavaScript correr

Pedimos a página inicial como o Googlebot e como o GPTBot (ChatGPT). Nos dois casos, o servidor respondeu com cerca de 9,9 KB cujo único texto é "Grândola Óptica". Serviços, morada e horários não estão lá. O Google consegue renderizar a página mais tarde. Já os assistentes de IA, que cada vez mais pessoas usam para perguntar "onde há uma óptica em Grândola?", em geral não executam JavaScript e não veem nada.

MédiaS2

Títulos, descrições e etiquetas fracos ou errados

A página inicial não tem título principal (H1) e a sua descrição para o Google é apenas "Grândola Óptica". As páginas de produto têm todas o título "Grândola Óptica". No computador, a página de coleção "Óculos de Sol" indica a página inicial como versão canónica, o que pode retirá-la dos resultados. Das 20 imagens da página inicial, 17 têm como texto alternativo "Home", "image" ou "Logo".

Ponto positivo: as páginas de serviço já têm títulos e descrições bem escritos ("Optometria em Grândola | Avaliação Visual").

MédiaS3

Sem dados estruturados de negócio local

Não existe marcação Optician / LocalBusiness (schema.org) com morada, horário, telefone e serviços. Esta marcação ajuda o Google a mostrar o horário e o botão "Ligar" diretamente nos resultados.

MédiaT1

Erros técnicos em cada visita

A página inicial gera cinco erros JavaScript repetidos (TypeError: Cannot read properties of null) e as restantes páginas tentam carregar um recurso que é recusado (ERR_CONNECTION_REFUSED). Para já não se notam, mas indicam código frágil.

O que já está bem

Como poderia ficar

Preparámos um conceito com as fotografias, os textos e as marcas que a Grândola Óptica já tem. Não é um site final, mas mostra como cada problema acima pode ser resolvido.

No computador

No telemóvel

Início no telemóvel com horário no topo e barra Ligar, Marcar, Direções
Início, com a barra "Ligar · Marcar · Direções"
Menu aberto no telemóvel, alinhado e legível
Menu alinhado, com área de toque ampla
Serviços no telemóvel
Serviços
A loja no telemóvel
A loja
Formulário de marcação no telemóvel com horas livres
Marcação com horas livres
Morada, horário e contactos no telemóvel
Morada, horário e contactos

Proposta

Muitos destes pontos vêm da própria plataforma, por isso não se resolvem com retoques. A nossa proposta é reconstruir o site com as fotografias e os textos que a loja já tem. Esta é a sequência que sugerimos.

Porquê a Cottonhat

Grândola

Já trabalhamos na vila

Em 2026 criámos o site e a plataforma de gestão da Sociedade Filarmónica de Grândola (SMFOG): das quotas em papel e folhas de Excel a um só sistema.

95%

Resultados medidos

Na reconstrução da loja online da Ruika, a pontuação Lighthouse passou de menos de 80% para 95%, o SEO chegou a 100% e o site ficou duas vezes mais rápido.

PT

Preparados para Portugal

Livro de Reclamações, cookies conforme a lei e RGPD tratados desde o primeiro dia. Equipa sénior em Lisboa, sem intermediários, com experiência em setores regulados como o farmacêutico.

Como foi feita a análise

Navegação automatizada (Chromium) em ecrã de computador (1440px) e de telemóvel (390px), com capturas de ecrã, medição das proporções reais de cada imagem e análise de acessibilidade com axe-core (WCAG 2.0/2.1 A e AA). Também lemos as páginas legais e pedimos as páginas como o Googlebot e o GPTBot. Isto não é aconselhamento jurídico: os pontos legais devem ser confirmados por um jurista.

Vamos conversar?

Marcamos 30 minutos, na loja ou por videochamada, para rever este diagnóstico e preparar uma proposta com preço e prazos claros.

Pedir proposta em cottonhat.net
Emailinfo@cottonhat.net
Telefone+351 927 344 725Chamada para a rede móvel nacional
EstúdioAv. D. João II, Edifício Infante 35, Piso 11A
Parque das Nações, 1990-083 Lisboa
Cottonhat © 2026 Cottonhat Studio · cottonhat.net · Documento preparado para Grândola Óptica