meta-tags é uma gem para Ruby on Rails que torna o gerenciamento de meta tags SEO, propriedades Open Graph e Twitter Cards limpo e sustentável.
Instalação
Adicione ao seu Gemfile:
gem 'meta-tags'
Gere o inicializador de configuração:
rails generate meta_tags:install
Definindo Títulos de Página
Use set_meta_tags em controllers ou views:
# Título básico
set_meta_tags title: 'Member Login'
# => <title>Member Login</title>
# Título com prefixo do site
set_meta_tags site: 'My SaaS', title: 'Dashboard'
# => <title>My SaaS | Dashboard</title>
# Título invertido com separador personalizado
set_meta_tags(
site: 'My SaaS',
title: 'Dashboard',
reverse: true,
separator: '·'.html_safe
)
# => <title>Dashboard · My SaaS</title>
Definindo Meta Tags de SEO e Redes Sociais
set_meta_tags(
site: 'My Store',
title: 'Organic Green Tea',
description: 'Pure, ceremonial-grade organic Japanese green tea.',
keywords: %w[green tea organic matcha],
canonical: 'https://example.com/products/green-tea',
icon: '/favicon.ico',
noindex: false,
nofollow: false,
og: {
title: 'Organic Green Tea',
type: 'website',
url: 'https://example.com/products/green-tea',
image: 'https://example.com/images/tea.jpg'
},
twitter: {
card: 'summary_large_image',
site: '@mystore',
title: 'Organic Green Tea'
}
)
Auxiliares de Visualização (View Helpers)
Renderizando no Layout
Em app/views/layouts/application.html.erb:
<head>
<%= display_meta_tags site: 'Default Site Title' %>
</head>
Definindo diretamente em views de template
<% title 'Account Settings' %>
<% description 'Manage your billing and notification preferences.' %>
<h1><%= current_title %></h1>