Atajos de teclado

Pulsa ← o → para navegar entre capítulos

Pulsa S o / para buscar en el libro

Pulsa ? para mostrar esta ayuda

Pulsa Esc para ocultar esta ayuda

2. El botón de fuente preferida

Qué es esto

Google permite que un lector marque su sitio como fuente preferida. Cuando lo hace, sus páginas llevan un distintivo en Noticias destacadas — y en las Vistas generales de IA y el Modo IA. La palanca son dos líneas de HTML, y la mayoría de los sitios no las tiene.

Por qué esto le importa a quepasahub.com

Leímos 1 página de quepasahub.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.

Qué encontramos en quepasahub.com

Pegue la línea del script en el <head> y el div donde deba aparecer el botón; se muestra automáticamente en el idioma del lector. Páginas comprobadas: 1 (https://quepasahub.com/)

  • en esta página no hay botón de fuentes preferidas ni enlace alternativo

Páginas leídas para esta comprobación: https://quepasahub.com/.

NO COMPROBADO: Google decide la elegibilidad de forma algorítmica y no existe ninguna forma de solicitarla. Si este dominio aparece o no en el selector, solo puede verlo una persona en el propio selector de Google.

Paso 1 — Añade la línea de la librería a <head>

Esto va en el <head> de cada página de quepasahub.com:

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

Paso 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>

Paso 3 — Mantén un enlace sencillo como respaldo

Si una página de quepasahub.com no puede ejecutar scripts, este enlace normal hace el mismo trabajo para quepasahub.com:

<a href="https://www.google.com/preferences/source?q=quepasahub.com">Añadir a quepasahub.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 ha hecho bien

  • Carga https://quepasahub.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 quepasahub.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 quepasahub.com puede añadirte con una sola pulsación, y quepasahub.com le muestra la insignia después.
  • NO COMPROBADO: Google decide la elegibilidad de forma algorítmica y no existe ninguna forma de solicitarla. Si este dominio aparece o no en el selector, solo puede verlo una persona en el propio selector de Google.

En dos líneas

  • Leímos 1 página de quepasahub.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 lenguaje llano

  • <head> — la parte superior oculta del código de una página, donde viven los ajustes y las etiquetas: el visitante no la ve, las máquinas la leen primero.
  • fuente preferida — un sitio que un lector ha marcado como de confianza en Google.
  • citable — un párrafo que sigue teniendo sentido fuera de su página; los asistentes citan pasajes, no sitios enteros.

El archivo terminado está en su paquete, en packs/02-preferred-sources/preferred-sources-button.html.