Γρήγορη αναφορά

Σκονάκι Gem meta-tags για Rails

Γρήγορος οδηγός αναφοράς για το Ruby on Rails gem meta-tags: δυναμικοί τίτλοι, Open Graph, Twitter Cards, canonical URLs και view helpers.

· Δημοσιεύτηκε

Το meta-tags είναι ένα gem για Ruby on Rails που καθιστά τη διαχείριση ετικετών SEO, Open Graph και Twitter Cards καθαρή και συντηρήσιμη.

Εγκατάσταση

Προσθέστε στο Gemfile:

gem 'meta-tags'

Δημιουργήστε το αρχείο αρχικοποίησης ρυθμίσεων:

rails generate meta_tags:install

Ορισμός Τίτλων Σελίδας

Χρησιμοποιήστε τη set_meta_tags σε controllers ή views:

# Βασικός τίτλος
set_meta_tags title: 'Member Login'
# => <title>Member Login</title>

# Τίτλος με πρόθεμα ιστοτόπου
set_meta_tags site: 'My SaaS', title: 'Dashboard'
# => <title>My SaaS | Dashboard</title>

# Αντίστροφος τίτλος με προσαρμοσμένο διαχωριστικό
set_meta_tags(
  site: 'My SaaS',
  title: 'Dashboard',
  reverse: true,
  separator: '&middot;'.html_safe
)
# => <title>Dashboard · My SaaS</title>

Ορισμός Ετικετών SEO & Social Meta

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'
  }
)

View Helpers

Απόδοση στο Layout

Στο app/views/layouts/application.html.erb:

<head>
  <%= display_meta_tags site: 'Default Site Title' %>
</head>

Άμεσος ορισμός σε πρότυπα προβολής

<% title 'Account Settings' %>
<% description 'Manage your billing and notification preferences.' %>

<h1><%= current_title %></h1>

Αναφορές

Σχετικά θέματα