Aparecer más en Google a tu audiencia

Ahora con Google tenemos un equivalente a las clásicas campanitas de las redes sociales.

Si tienes un público fiel, te conviene saber esta nueva opción, ya que permite que de forma directa le aparezcas de una forma más destacada en noticias, modo IA o AI Overview.

Modo de preferencias de fuentes

Para saber de una forma sencilla si puedes hacer esto, lo puedes hacer con el mismo personalizador (herramienta de preferencia de fuentes) que tendrán los propios usuarios y en donde les saldrás.

Mi propia web no sale, ya que la creé nueva en otro dominio y la he rehecho de nuevo (averigua por qué). En cuanto aparezca, añadiré la propia opción en toda la web.

Formas de implementación

HTML

Realmente es lo más sencillo del mundo, consiste en poner un enlace de Google con tu dominio en el parámetro:

https://www.google.com/preferences/source?q=sanchezdonate.net

Aunque Google recomienda la versión de JS (ahora explicaré por qué) prefiero enseñar siempre de lo sencillo a lo complicado, y realmente aunque Google se intenta complicar en su documentación, no me parece correcta ni la forma de adjuntar imágenes ni que lo recomiende sin un Target Blank.

Para mi tiene mucho más sentido hacer la implementación manual con un target Blank y poder editar fácilmente la UI al estilo de tu web.

En cualquier caso adjunto las imágenes que a día de hoy (06/sep/2026) Google sugiere:

Advertencia: Ninguna de las imágenes que he puesto ahí arriba son enlaces, simplemente he adjuntado los archivos que Google sugiere. Parece que están repetidos, pero unos tienen más calidad que otros.

JavaScript

Google recomienda la implementación por medio de JS tanto por garantizarse que el botón sea con el estándar sugerido como para en teoría evitar la fricción idiomática y de UX, haciendo en teoría que el usuario no se vaya de la web y vuelta tal y como estaba.

Además entiendo que Google tiene un mayor control sobre las impresiones.

La forma simple y recomendada (con la UI de Google por defecto)

Google sugiere poner el script en el head, aunque ahora comentaré mis impresiones al respecto.

<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>

Y luego se puede poner donde el usuario considere en el HTML la siguiente etiqueta de HTML:

<div google-add-preferred-source-btn></div>

A la cual se le puede añadir los siguientes atributos:

• data-theme="dark" o data-theme="light" (para poner el botón claro u oscuro como muestro arriba).
• data-lang="es" o el idioma que corresponda, según los idiomas admitidos (vamos los que han traducido los botones.

La forma avanzada (tu propio botón)

La implementación anterior tiene una limitación: el script escanea el DOM, encuentra los <div google-add-preferred-source-btn> y pinta ahí la insignia de Google, con el diseño que han propuesto ellos, cargando además sus fuentes y todo como ahora veremos.

Si quieres que el botón sea tuyo (tu tipografía, tu color, tu icono, o incluso lanzarlo desde algo que no es un botón) con las "ventajas de antes" necesitas esta segunda vía.

Es como un hack pero propuesto por la propia documentación, básicamente añades un script diciendo que no cambie dicho elemento de html por nada y tu decides que pones.

Entonces comenzamos con el mismo Script de antes pero añadiendo el atributo de control manual, eso es imprescindible para que funcione:

<script async preferred-sources-control="manual" src="https://news.google.com/swg/js/v1/publisher.js"></script>

Ahora la etiqueta de HTML es la que nosotros elijamos, por ejemplo:

<button id="mi-boton" class="ponle el aspecto o imagen que te apetezca">Quiero ver más contenido de esta web en Google</button>

Entonces, como el script Google lo sugiere en el Head y async pedimos que este nuevo script que vayamos a poner se espere a que esté listo:

<script>(self.PREFERRED_SOURCE = self.PREFERRED_SOURCE || []).push(function(preferredSource) {preferredSource.init({ theme: 'light', lang: 'es' });document.querySelector('#mi-boton').addEventListener('click', () =>preferredSource.addPreferredSource());});</script>

(conceptos de light e idioma igual que antes)

Y ya funciona, además de forma automática ya selecciona tu dominio.

Ejemplos del botón implementado

Ahora mismo en el caso de mi web no va a tener ningún efecto real, pero si que es lo mismo a nivel de carga, así que me sigue sirviendo para explicar.

Implementado por HTML:

Podría poner exactamente el mismo botón, pero voy a poner un enlace simple.

Añadir Carlos Sánchez a fuentes de Google favoritas.

Como es un simple enlace, no carga ni js ni ninguna otra fuente adicional, muy limpio a nivel de WPO. Es decir, es un enlace y ya.

Implementado por JS (versión simple y avanzada):

Ya me obliga a insertar un script en el head para esta página para probar el ejemplo, y justo aquí abajo implemento el div con el parámetro especificado:

La ventaja que tiene esto es que detecta ya si la fuente es válida o no. Lo malo sin que sea un drama a nivel de velocidad es que te mete un pequeño troncho de JS

Como menciono no es un drama pero es algo a tener en cuenta si la web ya va algo justa de velocidad.

Si lo hacemos por ejemplo con la forma personalizada este es el resultado:

Añádeme como fuente preferida

Conclusiones

Cualquiera de las opciones es útil y efectiva. Si tienes la oportunidad de poner tu web como una fuente elegida es algo que si que recomiendo, ya prefieras por enlace normal o por script.
Esto no mejorará el posicionamiento de forma directa y clásica como lo entendemos.
Pero si permite destacar más en AI overview y AI mode y en Google News entonces podemos entender que es SEO y GEO con una pequeña técnica de remarketing aprobada (y documentada) por Google (usando una herramienta oficial)

Bibliografía

• https://developers.google.com/search/docs/appearance/preferred-sources