meta-tags to gem dla Ruby on Rails ułatwiający czyste zarządzanie znacznikami SEO meta, właściwościami Open Graph oraz kartami Twitter Cards.
Instalacja
Dodaj do pliku Gemfile:
gem 'meta-tags'
Wygeneruj plik inicjalizujący konfigurację:
rails generate meta_tags:install
Ustawianie tytułów stron
Użyj set_meta_tags w kontrolerach lub widokach:
# Podstawowy tytuł
set_meta_tags title: 'Member Login'
# => <title>Member Login</title>
# Tytuł z prefiksem witryny
set_meta_tags site: 'My SaaS', title: 'Dashboard'
# => <title>My SaaS | Dashboard</title>
# Odwrócony tytuł z własnym separatorem
set_meta_tags(
site: 'My SaaS',
title: 'Dashboard',
reverse: true,
separator: '·'.html_safe
)
# => <title>Dashboard · My SaaS</title>
Ustawianie tagów SEO i społecznościowych
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'
}
)
Pomocniki widoków (View Helpers)
Renderowanie w układzie (Layout)
W pliku app/views/layouts/application.html.erb:
<head>
<%= display_meta_tags site: 'Default Site Title' %>
</head>
Ustawianie bezpośrednio w widokach szablonów
<% title 'Account Settings' %>
<% description 'Manage your billing and notification preferences.' %>
<h1><%= current_title %></h1>