Metamagic 101 – 概要、インストール、使用法

Metamagic gem は、メタ タグを作成および管理するための RoR プラグインです。全体を通してメタ タグが動的に自動生成され、毎回メタ タグを記述する必要性が軽減されます。通常のメタ タグに加えて、metamagic はカスタム タグ、OpenGraph (Facebook)、および Twitter カードもサポートしています。これは、Web アプリケーションを開発する際に考慮すべき重要な要素です。

メタタグを理解することから始めましょう

メタ タグは、特定の HTML ドキュメントに関する詳細 (メタ情報またはメタデータとも呼ばれます) を提供するデータの一部です。これには、ページの説明、キーワード、最終変更の詳細などが含まれます。メタタグはWebページに表示されません。これらはページ コードに表示され、通常は Web ページの「head」セクションにあります。検索エンジンの情報を収集するクローラー プログラムは、メタ タグを使用して、Web 検索結果ページ上のコンテンツを検索および分類します。メタ タグはすべての検索エンジンで使用されるわけではありませんが、Web サイトのメタ タグを最適化することをお勧めします。

メタタグの種類

これらは、インターネット マーケティングに関連する 4 つの主要なメタ タグです。それらは次のとおりです。 タイトルタグ: 検索エンジンのリストで Web ページに表示されるタイトル。同じページのブラウザー タブにも表示されます。 説明タグ: 検索エンジンのリストで Web ページのタイトル タグのすぐ下に表示される説明。すべての重要なキーワードを含む優れた説明は、クローラー プログラムに Web ページに関する情報を提供し、閲覧者にそのページへの訪問を強制するために使用することもできます。 キーワードタグ: キーワード タグには、Web ページに関連するキーワードのリストが含まれます。 代替テキストタグ: Alternate タグまたは Alt タグは、画像の簡潔なテキスト説明です。これらは、テキストのみのブラウザーまたはグラフィックスがオフになっている場合に SEO を強化するのに役立ちます。さまざまな障害を持つ人々の閲覧体験を向上させるのにも役立ちます。

メタタグと検索エンジンの最適化

メタ タグは、検索エンジンのリスト上の Web ページのランキングに影響を与えることはできません。ただし、適切に使用すると、検索エンジン クローラー プログラムが Web ページに関する情報を分類、インデックス付け、表示するのに役立ち、Web ページが検索エンジンの結果にリストされるようになります。

メタマジックジェムの要件

  • Rails 3.0以降
  • Ruby 1.9以降

メタマジックジェムのインストール

  1. Gemfile に移動し、gem メタマジックを追加します。
  2. バンドルのインストールを実行する

基本的な使用例

ブログシステムを考えてみましょう。ビューの上部 (たとえば、app/views/blogs/show.html.erb) に次のように入力します。
<% メタ タイトル: "私のブログ"、説明: "ブログ ページへようこそ"、キーワード: %w(ブログ devcamp ポートフォリオ) %>
app/views/layouts/blog.html.erb に次のように入力します。

  <%= メタマジック %> ... 
上記のエントリにより、次の HTML コンテンツが生成されます。 Ruby on Rails

テンプレート

テンプレートは、ビューからレイアウトにメタ値を入力するのに役立ちます。たとえば、これを使用して、すべてのページに値またはデフォルトのキーワードを追加できます。テンプレートは、Twitter、OpenGraph など、あらゆる種類のタグで動作します。

タイトルテンプレート

タイトル テンプレートは、Web サイト名をメタ タイトルに自動的に挿入するために使用されます。たとえば、テンプレートに次のように入力します。
<% メタ タイトル: "私のブログ" %>
レイアウトに次のように入力します。
<% メタマジック サイト: "私のサイト"、タイトル: [:blog, :site]、区切り文字: " — " %>
上記のエントリは次の結果を表示します。

  
  ...
アプリケーション ヘルパーでも使用できます。
module ApplicationHelper def meta_title_for(blog, site) blog.blank の場合サイトを返しますか? blog.include?(サイト) ?ブログ: "#{ブログ} — #{サイト}" 終了 終了

キーワードテンプレート

キーワード テンプレートは、Web サイト上のすべてのページにデフォルトのキーワードを追加するのに役立ちます。 RoR 開発についてさらに詳しく知りたいですか? RailsCarma がお手伝いします! 今すぐ触れてみましょう。

最新のアップデートを購読する

関連記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

jaJapanese