Como adicionar o botão de fontes preferenciais do Google ao seu site
A nova incorporação de fontes preferenciais do Google remove uma ação do processo de adição de uma publicação como fonte preferencial.
Com a incorporação, o leitor adiciona o site e retorna ao artigo. Um deeplink direciona o leitor para a ferramenta de preferências de origem do Google, onde o site ainda precisa ser selecionado e confirmado.
Este guia simples mostra como adicionar o botão ao seu site e fornece o código do widget WordPress que você pode usar.
O que o recurso de fontes preferenciais do Google faz
As fontes preferenciais afetam o que um usuário individual do Google vê após selecionar sua publicação. Isso não melhora a classificação do seu site para todos nem garante que seus artigos aparecerão nas notícias principais.
De acordo com a documentação do Google, ele está disponível globalmente para Notícias principais nos idiomas em que a Pesquisa Google está disponível. As fontes preferidas também podem ser destacadas nas Visões Gerais de IA e no Modo IA, onde essas experiências estão disponíveis.
Veja também: Liz Reid do Google: a personalização pode ajudar pequenos editores
Verifique a elegibilidade antes de adicionar o botão
Primeiro, procure sua publicação na ferramenta de preferências de fontes do Google. Se não aparecer lá, adicionar o botão não resolverá o problema de elegibilidade.
O Google oferece suporte a domínios e subdomínios, mas não a subdiretórios. Estes são alvos válidos:
example.comnews.example.com
Este não é um alvo válido:
Se a publicação residir em um subdomínio, use esse host em vez de assumir que o domínio raiz é intercambiável.
Adicionar o botão padrão de fontes preferenciais
O Google recomenda sua implementação JavaScript padrão porque ela é localizada automaticamente e retorna o leitor à página onde começou.
Botão padrão vs. Deeplink: o que observei
Testei ambas as rotas no celular. Com o botão incorporado, o Google abre uma página de confirmação específica da publicação. A fonte já está identificada, o leitor toca Adicionare o Google os retorna ao artigo. Após o clique inicial em seu site, é um fluxo de ação única.
O link direto é diferente. Ele abre a tela geral de preferências de fonte com a pesquisa de publicação preenchida, mas o leitor ainda precisa marcar a caixa de seleção da publicação. O Google também não os retorna automaticamente ao artigo. Na prática, a incorporação elimina uma ação extra, portanto cria menos atrito.
O deeplink abre a página geral de preferências da Fonte, onde o leitor ainda precisa selecionar a publicação.
É por isso que eu usaria o botão padrão em um site, se fosse possível. O deeplink ainda faz sentido em e-mails, postagens sociais ou CMS onde o script não pode ser adicionado.
Carregue a biblioteca uma vez a partir do shell do aplicativo, tema ou um pequeno plugin de site, de preferência no documento :
Em seguida, coloque o contêiner do botão onde deseja que o controle apareça:
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:
Substitua o idioma somente quando necessário
O botão usa o idioma do navegador do leitor por padrão. Se uma página exigir um idioma específico com suporte, adicione idioma de dados:
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.comVocê pode adicioná-lo como um link comum:
Add Example as a Preferred Source
O mesmo URL pode ser usado no conteúdo da página, email, postagens sociais ou promoções.
Adicione o botão ao WordPress
Este exemplo cria um widget WordPress que pode ser adicionado a qualquer área de widget, como a barra lateral ou rodapé de um artigo. As configurações do widget permitem que um editor selecione o tema de cores Claro ou Escuro do Google e alinhe o botão à esquerda, ao centro ou à direita.
Adicione o código a um pequeno plugin personalizado ou a um tema filho functions.php arquivo:
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 = Depois de adicionar o código, abra Aparência > Widgets, adicionar fontes preferenciais do Google para a barra lateral ou rodapé e escolha o tema de cores e o alinhamento. O WordPress carrega a biblioteca uma vez, mesmo que o widget seja usado em mais de uma área de widget.
Rastreie cliques em botões de fontes preferenciais no GA4
O widget usa um ouvinte de clique delegado porque o Google renderiza o selo após o carregamento da página. Registra um clique que inicia o fluxo de Fontes Preferenciais; não confirma que o leitor tenha concluído a seleção no Google.
Se um contêiner do Gerenciador de tags do Google estiver presente, o ouvinte envia um evento para o padrão dataLayer:
window.dataLayer.push( { event: 'preferred_source_button_click' } );No GTM, crie um gatilho de evento personalizado chamado preferred_source_button_click. Use-o para disparar uma tag de evento GA4 com o mesmo nome de evento.
Se o GTM não for detectado, mas gtag.js estiver instalado, o ouvinte usará o comando de evento gtag.js do Google:
window.gtag( 'event', 'preferred_source_button_click' );Use GTM Preview ou GA4 DebugView para confirmar o evento uma vez antes de publicar a alteração. Você também pode usar esse evento como um KPI em seus relatórios de SEO.
Resumindo
Fontes preferenciais não são um fator direto de classificação, mas podem aumentar a visibilidade repetida entre os leitores que escolhem explicitamente sua publicação. Isso dá aos editores uma maneira prática de construir um público recorrente nas notícias principais e, quando disponível, nas visões gerais de IA e no modo IA.
O benefício do SEO não é um aumento de classificação universal. É a chance de ganhar mais visibilidade junto aos leitores que já valorizam o seu trabalho.
Mais recursos:
Imagem em destaque: Vahan Petrosyan/Search Engine Journal
