Un sitio que funciona en el móvil y en Google

La mayoría de la gente visita el sitio de un pequeño negocio desde el móvil, y Google valora tu sitio por su versión móvil. Repasa estos puntos antes de publicar, o dale esta página a la herramienta de IA que construye tu sitio. El AGENTS.md del portal ya los incluye.

En el móvil

• Cada página tiene <meta name="viewport" content="width=device-width, initial-scale=1"> en su <head>. Sin esa línea, un móvil muestra una página de escritorio reducida.
• Nada es más ancho que la pantalla. Pruébalo a 360 y 390 píxeles de ancho. Dale a las imágenes max-width: 100% y pon una tabla ancha en su propio recuadro con desplazamiento.
• Los botones y enlaces miden al menos 24 por 24 píxeles, y 44 por 44 es mejor.
• El texto tiene al menos 16 píxeles, y los campos de formulario también: por debajo de 16 píxeles, un iPhone hace zoom en cuanto tocas uno.
• Un menú se abre al tocarlo. Un móvil no tiene hover.
• Los campos de formulario tienen el type, inputmode y autocomplete adecuados, como type="tel" y autocomplete="tel" para un número de teléfono.

Imágenes

• Cada <img> tiene width, height y un texto alt. Así la página no salta mientras carga, y un lector de pantalla sabe qué hay en la imagen.
• Mantén una foto por debajo de 500 KB y de 2400 píxeles de ancho. WebP o AVIF es lo que más ahorra.
• Ponle un nombre que diga lo que muestra: reforma-cocina-zwolle.jpg en lugar de IMG_1234.jpg.
• Con un Website quitamos la ubicación (GPS) de tus fotos antes de que se publiquen. Si con una foto no se consigue, la respuesta a tu publicación lo indica, consulta Qué se analiza. En una App lo haces tú.

En Google

• Cada página tiene su propio <title>, una <meta name="description"> y exactamente un <h1>.
• canonical y og:url apuntan a la dirección donde la página está publicada. Con un dominio propio, es el dominio y no la dirección en .dorelli.cloud.
• Pon los datos de tu negocio en JSON-LD con un tipo de schema.org como LocalBusiness, HairSalon o HomeAndConstructionBusiness, con al menos name y address. El número de teléfono ahí es el mismo que en la página, y usa un solo número en todas las páginas.
• Deja AggregateRating y Review sobre tu propio negocio fuera del JSON-LD. Google no muestra estrellas para reseñas que un negocio publica sobre sí mismo.
• Los enlaces apuntan a páginas que existen.
• Para un Website: en su dirección en .dorelli.cloud, un sitio de prueba queda fuera de Google. En un dominio propio, o con una suscripción, Google puede indexarlo, y si tu sitio no tiene su propio sitemap.xml, creamos uno a partir de tus páginas.

Privacidad

• No cargues tus fuentes desde Google Fonts: Google recibe entonces la dirección IP de cada visitante. Ponlas en tu CSS como URI data: en @font-face, o usa las fuentes del dispositivo. Un subconjunto en woff2 con uno o dos grosores lo mantiene ligero. Con un Website, un archivo de fuente en la carpeta de tu sitio no carga en una dirección en .dorelli.cloud, porque allí el sitio funciona en un entorno aislado cerrado; el navegador muestra entonces otra fuente sin avisar.
• Un vídeo de YouTube, un mapa de Google Maps o un botón de Facebook también envía datos de los visitantes a esas empresas. Menciónalos en tu política de privacidad.