2. El botón de fuente preferida
Qué es esto
Google permite que un lector marque tu sitio como una fuente que prefiere. Una vez que lo hace, tus páginas llevan una insignia en Top Stories — y en AI Overviews y AI Mode. La palanca son dos líneas de HTML, y la mayoría de los sitios no las tienen.
Por qué esto le importa a vitadefence.com
Leímos 1 página de vitadefence.com y el botón no estaba en it. Dos líneas de HTML lo corrigen, y son la única palanca que tienes: un lector te marca como fuente preferida, y esa preferencia le sigue hasta las respuestas de IA de Google.
Lo que encontramos en vitadefence.com
Pega la línea del script en <head> y el div donde debería aparecer el botón; se renderiza automáticamente en el propio idioma del lector. Páginas comprobadas: 1: https://vitadefence.com
- sin botón de fuentes preferidas y sin enlace de reserva en esta página
Páginas leídas para esta comprobación: https://vitadefence.com.
NO COMPROBADO - Google decide la elegibilidad de forma algorítmica y no hay manera de solicitarla. Si este dominio aparece en el selector solo se puede ver en el propio selector de Google, por una persona.
Step 1 — Añade la línea de la librería a <head>
Esto va en el <head> de cada página de vitadefence.com:
<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
Step 2 — Pon el botón donde un lector lo vea
Esta línea renderiza el propio botón. Ponla donde quieras que aparezca — cerca del principio de un artículo funciona, un pie de página no:
<div google-add-preferred-source-btn></div>
Step 3 — Mantén un enlace sencillo como respaldo
Si una página de vitadefence.com no puede ejecutar scripts, este enlace normal hace el mismo trabajo para vitadefence.com:
<a href="https://www.google.com/preferences/source?q=vitadefence.com">Añadir a vitadefence.com como fuente preferida</a>
En palabras de la empresa que publicó esto
Google: “Incorpora un botón interactivo a tus páginas web, que permite a los lectores añadir tu sitio como fuente preferida sin fricciones y los devuelve a tu página. Añadiendo solo dos líneas a tu HTML, esta opción muestra un botón con estilo de Google, localizado automáticamente, que admite personalización de dispositivo e idioma.”
Su página: developers.google.com/search/docs/appearance/preferred-sources
Cómo comprobar que lo hiciste bien
- Carga https://vitadefence.com y busca el botón donde lo pusiste.
- Abre el enlace de reserva por separado — debería llevarte a la página de fuente preferida de Google que nombra a vitadefence.com.
- Mira el código fuente y confirma que la línea de la librería está dentro de
<head>y no en algún sitio del body.
Qué aspecto tiene cuando funciona
- Un lector en vitadefence.com puede añadirte con una sola pulsación, y vitadefence.com le muestra la insignia después.
- NO COMPROBADO - Google decide la elegibilidad de forma algorítmica y no hay manera de solicitarla. Si este dominio aparece en el selector solo se puede ver en el propio selector de Google, por una persona.
En dos líneas
- Leímos 1 página de vitadefence.com y el botón no estaba en it. Dos líneas de HTML lo corrigen, y son la única palanca que tienes: un lector te marca como fuente preferida, y esa preferencia le sigue hasta las respuestas de IA de Google.
- Primero añade la línea de la librería a
<head>, then pon el botón donde un lector lo vea, then mantén un enlace sencillo como respaldo.
Las palabras en un lenguaje sencillo
<head>— la parte superior oculta del código de una página web, donde viven los ajustes y las etiquetas; los visitantes nunca la ven, las máquinas la leen primero.- AI Overviews y AI Mode — Las propias respuestas de IA de Google, mostradas por encima o en lugar de los resultados habituales; Top Stories es su franja de noticias.
El archivo terminado está en tu paquete en packs/02-preferred-sources/preferred-sources-button.html.