Cómo mejoré la apariencia de mi web en Google: fotografía y enlaces de sitio

La primera impresión también ocurre en Google

Al buscar mi nombre observé mi fotografía junto al título y la descripción de mi web. Al buscar jonathanjesus.com, vi accesos a sus secciones debajo del resultado principal. Me pareció una forma más clara de presentar quién soy y qué puede encontrar una persona en mi sitio. Por eso decidí compartir el trabajo detrás de esa apariencia. Este caso recoge lo que configuré y lo que observé después; no es una fórmula para obtener una posición concreta. Para mí, una web personal debe conectar la identidad, los proyectos y los servicios desde ese primer contacto, incluso antes de que alguien entre.

Una fotografía que representa la página

Elegí mi retrato real en formato WebP, con 1086 × 1448 píxeles, y lo configuré como imagen predeterminada de la web. La fotografía también aparece en el contenido visible. La etiqueta og:image pertenece a Open Graph y señala una imagen para las vistas previas al compartir un enlace. Google también puede usarla para seleccionar una miniatura. En mi HTML permití las vistas previas grandes mediante max-image-preview:large. Esa directiva da permiso: no obliga a mostrar una fotografía ni determina el tamaño final del resultado. El código siguiente muestra las etiquetas que publicamos; una imagen accesible y coherente con la página sigue siendo parte del trabajo.

<meta property="og:image"
  content="https://jonathanjesus.com/jonathan-portada-1086.webp" />
<meta name="robots"
  content="index,follow,max-image-preview:large" />

• Cómo utiliza Google los metadatos de imagen
• Qué permite max-image-preview

Datos estructurados para identificar la imagen principal

Añadí primaryImageOfPage dentro de los datos estructurados de Inicio y Sobre mí, las páginas cuyo tema principal es mi identidad. Esta propiedad relaciona la página con su imagen principal. En este extracto simplificado se ve la URL del retrato, su formato y sus dimensiones. Los artículos conservan imágenes relacionadas con su propio contenido: mi fotografía no tiene que sustituir la portada de cada tema. Usar og:image y primaryImageOfPage aporta señales que Google puede considerar. La selección de la miniatura es automática; encontrar las etiquetas en el código permite verificar nuestra configuración, pero no garantiza que la foto aparezca en todas las búsquedas.

{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "url": "https://jonathanjesus.com/",
  "primaryImageOfPage": {
    "@type": "ImageObject",
    "url": "https://jonathanjesus.com/jonathan-portada-1086.webp",
    "width": 1086,
    "height": 1448,
    "encodingFormat": "image/webp"
  }
}

Títulos y descripciones que explican cada sección

Preparé un título y una metadescripción propios para cada página. Inicio presenta mi perfil general; Servicios explica en qué puedo ayudar; Proyectos describe el trabajo que puede explorarse. Esa diferencia también se refleja en los encabezados y en el contenido visible. Una descripción útil resume lo que realmente encontrará el visitante. Google puede construir el título del resultado a partir de distintas señales y generar la descripción con fragmentos de la página, en lugar de reproducir literalmente nuestras etiquetas. Mi objetivo al escribirlas fue ofrecer información coherente y específica, no controlar cada palabra que aparecerá en la búsqueda.

• Cómo genera Google las descripciones de resultados
• Cómo genera Google los títulos de resultados

Secciones claras para facilitar los enlaces de sitio

Organicé Sobre mí, Servicios, Proyectos y Contenido como páginas con direcciones propias. El menú y los enlaces internos permiten llegar a ellas con nombres comprensibles. Cuando Google agrupa accesos a estas páginas debajo de un resultado, se llaman enlaces de sitio o sitelinks; no es necesario que sean subcategorías de un catálogo. Su selección depende de Google y de su utilidad para la consulta. No instalé una etiqueta que los active. También publicamos un sitemap con las URL que queremos dar a conocer. El sitemap facilita el descubrimiento, pero no garantiza la indexación ni convierte automáticamente sus entradas en enlaces de sitio. La estructura tiene que ser útil para quien navega, además de comprensible para un buscador.

• Enlaces de sitio: selección automática y buenas prácticas
• Para qué sirve un sitemap

Comprobar la indexación sin confundirla con la apariencia

En Search Console encontré una diferencia útil: el informe general de Páginas todavía mostraba una sola página, mientras Servicios ya aparecía en mis búsquedas. Al inspeccionar su URL, la herramienta confirmó que estaba indexada. También reconoció un elemento válido de rutas de exploración, correspondiente a la navegación jerárquica. Esa comprobación resolvió una duda sobre la indexación; no certificaba la futura miniatura ni los enlaces de sitio. Desde entonces separo esas preguntas: si Google conoce una página y puede incluirla en su índice, y cómo decide presentar el resultado para una búsqueda determinada. Repetir una solicitud no sustituye a revisar su estado y los motivos que muestra la herramienta.

• Guía de la inspección de URLs de Search Console

Mi nombre y mi dominio mostraron resultados distintos

Mi interpretación fue que buscar mi nombre podía expresar interés por la persona, mientras escribir el dominio podía expresar la intención de entrar en una sección concreta. Es una hipótesis razonable a partir de lo que vi, pero esas dos búsquedas no prueban cómo tomó Google la decisión ni establecen una regla universal. Tampoco puedo atribuir la fotografía a una sola etiqueta: se hicieron varias mejoras y no aislé su efecto. Lo que sí puedo documentar son las señales publicadas y la apariencia que observé. Este caso no incluye una medición de aumento de clics, posiciones o ventas; para evaluar ese impacto harían falta datos comparables.

Qué revisaría primero en otra web

Empezaría por una página importante y una lista corta de comprobaciones. Una persona debería entender qué ofrece el negocio, reconocer la imagen y encontrar un siguiente paso claro. Después revisaría el HTML publicado y la información disponible en Search Console. Guardar la fecha y la consulta de cada observación ayuda a comparar cambios sin depender de la memoria. Si aparece una miniatura o un enlace de sitio, lo registraría como un resultado observado, manteniendo separadas las mejoras técnicas y las decisiones del buscador.

• Elegir una imagen representativa, visible y accesible, y revisar las señales og:image y primaryImageOfPage cuando correspondan.
• Dar a cada página un título, una descripción y contenido propios que expliquen su propósito.
• Conectar las secciones importantes con enlaces claros y mantener actualizado el sitemap.
• Inspeccionar las URL principales y atender los motivos concretos si alguna no está indexada.
• Revisar impresiones y clics en periodos comparables antes de afirmar que la nueva apariencia mejoró el rendimiento.