Ayude a sus lectores a encontrar su sitio a través de fuentes preferidas en la Búsqueda de Google

Si usted es propietario de un sitio web, puede ayudar a su audiencia a encontrar su publicación como una fuente preferida en la Búsqueda de Google. Cuando un usuario selecciona su sitio como fuente preferida, es más probable que su contenido aparezca en “Noticias destacadas“, resaltado con una insignia de “preferido”. En el modo AI y en AI Overviews, su contenido puede resaltarse con una insignia de “preferido” para los usuarios que han seleccionado su sitio como fuente preferida.

Disponibilidad de la función

La función de fuentes preferidas está disponible a nivel mundial para la función de “Noticias destacadas” en todos los idiomas en los que está disponible la Búsqueda de Google. Las fuentes preferidas también pueden aparecer en el modo AI y en AI Overviews en todos los idiomas y ubicaciones donde estas funciones están disponibles.

Solo los sitios a nivel de dominio y subdominio son elegibles para aparecer en la
herramienta de preferencias de fuentes. Por ejemplo, https://www.example.com/ y
https://code.example.com/ son elegibles para fuentes preferidas, pero el subdirectorio https://www.example.com/blog no es elegible.

Cómo ayudar a los usuarios a encontrar su sitio como fuente preferida

Si su sitio aparece en la
herramienta de preferencias de fuentes
(para comprobarlo, introduzca su sitio en el cuadro de búsqueda de la herramienta), puede utilizar los siguientes métodos para guiar a sus lectores a seleccionar su sitio como fuente preferida:

• Implementación estándar de JavaScript
  (recomendado): Inserte un botón interactivo en sus páginas web, que permita a los lectores agregar su sitio sin problemas como fuente preferida y volver a su página. Al agregar solo dos líneas a su HTML, esta opción renderiza un botón localizado automáticamente, con el estilo de Google, que admite la personalización de dispositivos e idiomas.
• Implementación avanzada de JavaScript con recursos de diseño personalizados: Si desea utilizar sus propios recursos de diseño y personalizar el botón estándar de JavaScript, siga las instrucciones de implementación avanzada de JavaScript. El flujo de la interfaz de usuario para el usuario final sigue siendo el mismo que en la implementación estándar de JavaScript.
• Implementación de enlace profundo (Deeplink): Si no puede implementar el botón interactivo (por ejemplo, su CMS no lo admite), puede usar un enlace profundo para dirigir a las personas a agregar su sitio como fuente preferida. Puede hacerlo agregando un enlace de texto o una imagen en la que se pueda hacer clic en sus páginas web. También puede usar el enlace profundo en sus publicaciones en redes sociales, boletines informativos por correo electrónico o promociones.

Implementación estándar de JavaScript (recomendado)

Al agregar solo dos líneas a su HTML, puede agregar un botón interactivo traducido automáticamente, que permite a los lectores agregar su sitio sin problemas como fuente preferida y regresar a donde lo dejaron en su página. También puede establecer el tema del botón (oscuro o claro), además de anular el idioma del botón. Recomendamos esta implementación porque proporciona la mejor experiencia de usuario para los lectores.

Así es como se verá:

Para insertar el botón de JavaScript en su página web, haga lo siguiente:

1. Agregue la siguiente etiqueta <script> a su página web (preferiblemente en el elemento <head> ), que carga la biblioteca de Fuentes Preferidas.
2. Agregue la siguiente etiqueta <div> en cualquier lugar donde desee que aparezca el botón en el cuerpo de su página web.

Establecer el tema del botón

De forma predeterminada, el botón “Agregar a fuentes preferidas” aparece en un tema claro. Para ajustar el tema, agregue el atributo de datos data-theme a su elemento
<div> y configúrelo en light o
dark:

Anular el idioma del botón

De forma predeterminada, el botón “Agregar a fuentes preferidas” se muestra en el idioma del usuario según la configuración de su navegador. Para anular este comportamiento, agregue el atributo de datos
data-lang a su elemento <div>
y configúrelo en el código de idioma que prefiera (descargue la
lista de códigos de idioma admitidos):

Descargar códigos de idioma admitidos

Implementación avanzada de JavaScript con recursos de diseño personalizados

De forma predeterminada, el botón estándar de JavaScript escanea el DOM en busca de elementos con el atributo google-add-preferred-source-btn y renderiza la insignia estándar. Sin embargo, para integraciones personalizadas en las que desee activar el flujo desde sus propios elementos de interfaz de usuario o hitos de la aplicación, puede inicializar el cliente mediante programación y vincular el flujo a activadores personalizados.

Al integrar la biblioteca de Fuentes Preferidas en interfaces de usuario personalizadas, hitos de la aplicación o aplicaciones de marco moderno, puede tomar el control total de la programación sobre la configuración del tiempo de ejecución y el inicio del flujo utilizando nuestro SDK de JavaScript. Ofrecemos dos enfoques de integración distintos según sus herramientas y arquitectura: importaciones de módulos ES (ESM) y colas de devolución de llamada de script estándar (IIFE). Ambos modelos de distribución exponen capacidades y métodos idénticos.

Importaciones de módulos ES

Para configuraciones de compilación modernas y entornos basados en módulos, importe la biblioteca directamente a su código.

Colas de devolución de llamada de script estándar

Para integraciones de etiquetas de script estándar, cargue el siguiente script en el
<head> de su documento con el atributo
preferred-sources-control="manual" para evitar la renderización automática del botón:

Luego use la cola de devolución de llamada global PREFERRED_SOURCE para inicializar opciones y vincular activadores personalizados: Para implementaciones interactivas de frontend y backend que muestren el uso en vivo a través de botones, contenedores declarativos, scripts IIFE y paquetes de módulos ES, explore el

fr
Demostración de fuentes preferidas.

Implementación de enlaces profundos

Si no puede usar JavaScript en su sitio web, puede usar alternativamente un enlace profundo para dirigir a sus usuarios a la
herramienta de preferencias de fuentes, donde pueden agregar su sitio como fuente preferida y confirmar su selección.

Utilice el siguiente formato de URL y reemplace example.com con el nombre de dominio de su publicación, lo que llevará a los usuarios directamente a su sitio en la
herramienta de preferencias de fuentes:

.

Ejemplo de enlace de texto

Ejemplo de enlace de imagen clicable

Activos de imagen de botón

Puede diseñar su propia insignia de promoción personalizada o descargar activos gráficos oficiales traducidos proporcionados por Google: