Um site que funciona no telemóvel e no Google

A maioria das pessoas visita o site de um pequeno negócio no telemóvel, e o Google avalia o teu site pela versão para telemóvel. Revê estes pontos antes de publicar, ou dá esta página à ferramenta de IA que constrói o teu site. O AGENTS.md do portal já os inclui.

No telemóvel

• Cada página tem <meta name="viewport" content="width=device-width, initial-scale=1"> no <head>. Sem essa linha, um telemóvel mostra uma página de computador reduzida.
• Nada é mais largo do que o ecrã. Experimenta com 360 e 390 píxeis de largura. Dá às imagens max-width: 100% e coloca uma tabela larga numa caixa própria com deslocamento.
• Botões e ligações têm pelo menos 24 por 24 píxeis, e 44 por 44 é melhor.
• O texto tem pelo menos 16 píxeis, e os campos de formulário também: abaixo de 16 píxeis, um iPhone faz zoom assim que tocas num.
• Um menu abre quando lhe tocas. Um telemóvel não tem hover.
• Os campos de formulário têm o type, inputmode e autocomplete certos, como type="tel" e autocomplete="tel" para um número de telefone.

Imagens

• Cada <img> tem width, height e um texto alt. Assim a página não salta enquanto carrega, e um leitor de ecrã sabe o que está na imagem.
• Mantém uma fotografia abaixo de 500 KB e abaixo de 2400 píxeis de largura. WebP ou AVIF poupa mais.
• Dá-lhe um nome que diga o que mostra: remodelacao-cozinha-zwolle.jpg em vez de IMG_1234.jpg.
• Num Website retiramos a localização (GPS) das tuas fotografias antes de ficarem online. Se isso falhar numa fotografia, a resposta à tua publicação diz-o, vê O que é analisado. Numa App fazes isso tu.

No Google

• Cada página tem o seu próprio <title>, uma <meta name="description"> e exatamente um <h1>.
• canonical e og:url apontam para o endereço onde a página está online. Com um domínio próprio, é o domínio e não o endereço em .dorelli.cloud.
• Coloca os dados do teu negócio em JSON-LD com um tipo schema.org como LocalBusiness, HairSalon ou HomeAndConstructionBusiness, com pelo menos name e address. O número de telefone aí é o mesmo da página, e usa um só número em todas as páginas.
• Deixa AggregateRating e Review sobre o teu próprio negócio fora do JSON-LD. O Google não mostra estrelas para avaliações que um negócio publica sobre si próprio.
• As ligações apontam para páginas que existem.
• Num Website: no seu endereço em .dorelli.cloud, um site de teste fica fora do Google. Num domínio próprio, ou com uma subscrição, o Google pode indexá-lo, e se o teu site não tiver um sitemap.xml próprio, criamos um a partir das tuas páginas.

Privacidade

• Não carregues as tuas fontes a partir do Google Fonts: o Google recebe então o endereço IP de cada visitante. Coloca-as no teu CSS como URI data: em @font-face, ou usa as fontes do dispositivo. Um subconjunto em woff2 com um ou dois pesos mantém-no leve. Num Website, um ficheiro de fonte na pasta do teu site não carrega num endereço em .dorelli.cloud, porque o site corre aí numa sandbox fechada; o navegador mostra então outra fonte sem avisar.
• Um vídeo do YouTube, um mapa do Google Maps ou um botão do Facebook também envia dados dos visitantes a essas empresas. Menciona-os na tua política de privacidade.