この無料のオンラインツールを使用して、HTMLページのメタタグを簡単に作成します

グーグルはランキング要素として(Google)メタキーワード(Meta Keywords)の使用をやめましたが、あなたのウェブサイトを理解するために適切なメタタグを必要とするいくつかのウェブサイトがあります。たとえば、Facebookはメタタグを使用して、Webサイトの名前、説明、および注目の画像を取得します。Twitter、LinkedIn、Pinterest、Slackでも同じことが行われます。HTMLページを作成していて、メタタグを追加したい場合は、メタタグと呼ばれる簡単なツールを使用してメタタグ(Meta Tags)を作成できます。

十分な知識がある場合は、このツールは必要ないかもしれません。ただし、タイトル、説明、機能の画像などを定義するために使用する必要のある「プロパティ」について何も知らない場合は、非常に便利です。Yoast SEOのようないくつかのWordPressプラグインと、同じことができる他のプラグインがあります。ただし、このツールは、 HTMLWeb(HTML)サイトのメタタグを作成したい人向けです。

Webサイトのメタタグを作成する

メタタグを作成する

このツールを使用して、 Facebook、Twitter、Linkedin、Pinterest、およびSlackのメタタグを作成できます。それらを作成するには、それらのWebサイトにアクセスし、メタタグを作成するソーシャルネットワーキングサイトを選択します。

その後、WebページのURLを入力します。左側には、3つのオプションがあります。

  1. 画像
  2. タイトル
  3. 説明

画像をアップロードすることはできますが、コードには画像が含まれていません。つまり、画像をサーバーに個別にアップロードする必要があります。それでも、タイトル(Title)と説明(Description)を編集できます。すべての変更を行ったら、[メタタグ(GENERATE META TAGS )の生成]ボタンをクリックします。

次のようなコード行がいくつか見つかります。

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="your-website-name">
<meta property="og:title" content="your-title">
<meta property="og:description" content="your-description
<meta property="og:image" content="image-url">

(Copy)これらの行をコピーして、 <head>タグ内に貼り付けます。場合によっては、 WordPress(WordPress)サイトにメタタグを追加する必要があります。テーマのheader.php(header.php )ファイルを開く必要があります。ここで<head>タグを取得します。

このシンプルなオンラインツール(this simple online tool)がお役に立てば幸いです。



太一 中津川

About the author

私は Firefox と Google Docs の経験を持つ Web 開発者です。私はフロリダ大学で経営学の学位を取得しています。私のスキルには、Web サイト開発、コンテンツ管理システム (CMS)、データ分析、およびユーザー インターフェイス設計が含まれます。私は経験豊富なコンサルタントであり、チームが効果的な Web サイトとアプリケーションを構築するのを支援できます。


Related posts