Cómo agregar el botón de fuentes preferidas de Google a su sitio web
La nueva inserción de Fuentes preferidas de Google elimina una acción del proceso de agregar una publicación como Fuente preferida.
Con la inserción, un lector agrega el sitio y regresa al artículo. Un enlace profundo envía al lector a la herramienta de preferencias de fuentes de Google, donde el sitio aún debe ser seleccionado y confirmado.
Esta sencilla guía muestra cómo agregar el botón a su sitio web y proporciona el código del widget de WordPress que puede usar.
Qué hace la función Fuentes preferidas de Google
Fuentes preferidas afecta lo que ve un usuario individual de Google después de seleccionar su publicación. No mejora la clasificación de su sitio para todos ni garantiza que sus artículos aparecerán en las Historias destacadas.
Según la documentación de Google, está disponible globalmente para Top Stories en los idiomas donde está disponible la Búsqueda de Google. Las fuentes preferidas también se pueden resaltar en las descripciones generales de IA y en el modo IA, donde esas experiencias están disponibles.
Ver también: Las fuentes preferidas de Google son ahora una señal de SEO global
Verifique la elegibilidad antes de agregar el botón
Primero, busque su publicación en la herramienta de preferencias de fuente de Google. Si no aparece allí, agregar el botón no resolverá el problema de elegibilidad.
Google admite dominios y subdominios, pero no subdirectorios. Estos son objetivos válidos:
example.comnews.example.com
Este no es un objetivo válido:
Si la publicación se encuentra en un subdominio, utilice ese host en lugar de asumir que el dominio raíz es intercambiable.
Agregar el botón de fuentes preferidas estándar
Google recomienda su implementación estándar de JavaScript porque se localiza automáticamente y devuelve al lector a la página donde comenzó.
Botón estándar vs. Enlace profundo: lo que observé
Probé ambas rutas en el móvil. Con el botón integrado, Google abre una página de confirmación específica de la publicación. La fuente ya está identificada, el lector toca Agregary Google los devuelve al artículo. Después del clic inicial en su sitio web, es un flujo de acción única.
El enlace profundo es diferente. Abre la pantalla de preferencias de Fuente general con la búsqueda de publicaciones completada, pero el lector aún tiene que seleccionar la casilla de verificación de la publicación. Google tampoco los devuelve automáticamente al artículo. En la práctica, la incrustación elimina una acción adicional, por lo que crea menos fricción.
El enlace profundo abre la página general de preferencias de Fuente, donde el lector aún debe seleccionar la publicación.
Por eso, si es posible, utilizaría el botón estándar en un sitio web. El enlace profundo todavía tiene sentido en correos electrónicos, publicaciones en redes sociales o un CMS donde no se puede agregar el script.
Cargue la biblioteca una vez desde el shell de la aplicación, el tema o un complemento de un sitio pequeño, preferiblemente en la carpeta del documento. :
Luego coloque el contenedor del botón donde desea que aparezca el control:
The library detects the attribute and renders the interface. You do not need to hard-code the publication’s domain in the standard button.
Choose A Light Or Dark Theme
The light theme is the default. For a dark background, add the data-theme atributo:
Anule el idioma solo cuando sea necesario
El botón utiliza el idioma del navegador del lector de forma predeterminada. Si una página requiere un idioma compatible específico, agregue idioma-datos:
Use The Deeplink When You Cannot Add JavaScript
The deeplink is an ordinary link, so you can add it through any CMS or HTML editor. It works without JavaScript.
https://www.google.com/preferences/source?q=example.comPuedes agregarlo como un enlace normal:
Add Example as a Preferred Source
La misma URL se puede utilizar en el contenido de la página, correo electrónico, publicaciones en redes sociales o promociones.
Agregue el botón a WordPress
Este ejemplo crea un widget de WordPress que se puede agregar a cualquier área de widgets, como la barra lateral o el pie de página de un artículo. La configuración del widget permite a un editor seleccionar el tema de color claro u oscuro de Google y alinear el botón hacia la izquierda, el centro o la derecha.
Agregue el código a un pequeño complemento personalizado o a un tema secundario functions.php archivo:
class Site_Preferred_Sources_Widget extends WP_Widget {
public function __construct() {
parent::__construct(
'site_preferred_sources',
'Google Preferred Sources',
array( 'description' => 'Displays the Google Preferred Sources button.' )
);
}
private function get_alignment( $value ) {
return in_array( $value, array( 'left', 'center', 'right' ), true )
? $value
: 'center';
}
public function widget( $args, $instance ) {
$theme = isset( $instance('theme') ) && 'dark' === $instance('theme')
? 'dark'
: 'light';
$alignment = $this->get_alignment(
isset( $instance('alignment') ) ? $instance('alignment') : 'center'
);
$justify_content = array(
'left' => 'flex-start',
'center' => 'center',
'right' => 'flex-end',
);
echo $args('before_widget');
echo '';
echo $args('after_widget');
}
public function form( $instance ) {
$theme = isset( $instance('theme') ) && 'dark' === $instance('theme')
? 'dark'
: 'light';
$alignment = $this->get_alignment(
isset( $instance('alignment') ) ? $instance('alignment') : 'center'
);
?>
get_alignment(
isset( $new_instance('alignment') )
? sanitize_key( $new_instance('alignment') )
: 'center'
);
return $instance;
}
}
function site_register_preferred_sources_widget() {
register_widget( 'Site_Preferred_Sources_Widget' );
}
add_action( 'widgets_init', 'site_register_preferred_sources_widget' );
function site_preferred_sources_widget_script() {
if ( ! is_active_widget( false, false, 'site_preferred_sources', true ) ) {
return;
}
wp_enqueue_script(
'google-preferred-sources',
'https://news.google.com/swg/js/v1/publisher.js',
array(),
null,
array(
'strategy' => 'async',
'in_footer' => true,
)
);
$tracking_script = Después de agregar el código, abra Apariencia > Widgets, agregar Fuentes preferidas de Google a la barra lateral o al pie de página, luego elija el tema de color y la alineación. WordPress carga la biblioteca una vez incluso si el widget se usa en más de un área de widgets.
Seguimiento de los clics en el botón de fuentes preferidas en GA4
El widget utiliza un detector de clics delegado porque Google muestra la insignia después de que se carga la página. Registra un clic que inicia el flujo de Fuentes preferidas; no confirma que el lector haya completado la selección en Google.
Si hay un contenedor de Google Tag Manager, el oyente envía un evento al valor predeterminado dataLayer:
window.dataLayer.push( { event: 'preferred_source_button_click' } );En GTM, cree un activador de evento personalizado llamado preferred_source_button_click. Úselo para activar una etiqueta de evento GA4 con el mismo nombre de evento.
Si no se detecta GTM pero gtag.js está instalado, el oyente utiliza el comando de evento gtag.js de Google en su lugar:
window.gtag( 'event', 'preferred_source_button_click' );Utilice GTM Preview o GA4 DebugView para confirmar el evento una vez antes de publicar el cambio. También puedes utilizar este evento como KPI en tus informes de SEO.
En resumen
Fuentes preferidas no es un factor de clasificación directo, pero puede aumentar la visibilidad repetida entre los lectores que eligen explícitamente su publicación. Esto brinda a los editores una forma práctica de crear una audiencia recurrente en las noticias destacadas y, cuando estén disponibles, en las descripciones generales de IA y el modo IA.
El beneficio de SEO no es un aumento de clasificación universal. Es la oportunidad de ganar más visibilidad entre los lectores que ya valoran tu trabajo.
Más recursos:
Imagen de portada: Vahan Petrosyan/Search Engine Journal
