meta Tag Analyzer

This extension analyze the quality of your site's meta information. あなたのサイトのmetaタグのクオリティを分析します。 We used to insert specific page description, keywords, and other metadata in website's HTML for search engines. かつては、検索エンジン用にタイトルや、キーワードをHTMLに指定していました。 However, now that people uses a lot of applications on mobile such as Facebook, Twitter, and other native applications, it's important how links to a website look like on those platforms. しかし、現在は多くのユーザーがFacebookやTwitter、多くのネイティブアプリケーションを利用しているので、それらのプラットフォーム上でサイトへのリンクがどのように表示されているのかが重要になりました。 We have to add a lot of meta elements into website's HTML in order to increase page views. It's so difficult to remember which elements do you need for your site. PVを上昇されるためには、多くのmetaタグを挿入する必要があり、どの要素が必要かとても覚えられる量ではありません。 You can learn your site's meta condition easily by using this extension. After installing, this extension will start analyzing. When you finished loading a website, the site's score is shown over the icon. If you'd like to learn more information about the score, click the icon. You can see which elements were needed, and which passed or not. このChrome Extensionをインストールすると、簡単にあなたのサイトのmetaタグの状況がわかります。サイトを読み込んだタイミングで必要なmetaタグが挿入されているか分析を開始します。分析結果は、スコアとしてアイコン上のバッチで表示され、ひと目でそのサイトのmetaタグのクオリティがわかります。さらに詳しい情報を知りたい場合には、アイコンをクリックし、popupを表示させます。popupでは、どの要素が足りていて、どの要素が不足しているのかを知ることができます。 This extension will check the following parameters. このChrome Extensionでは以下の要素をチェックします。 ### HTML Meta (basic elements) - `title` (Required) The title of your content. - `meta name="description"` (Required) A one to two sentence description of your content. More about HTML Meta: https://support.google.com/webmasters/answer/35624 ### Open Graph - `meta[property="og:title"]` (Required) The title of your content. You should not include your brand name or the domain. - `meta[property="og:type"]` (Required) The type of your content, e.g., website, article, video.movie etc. - `meta[property="og:description"]` (Required) A one to two sentence description of your content. - `meta[property="og:image"]` (Required) An image URL which should represent your content. - `meta[property="og:url"]` (Required) The canonical URL of your content. - `meta[property="og:local"]` (Optional) The locales this content is available in. This is not required, but Facebook says setting this parameter is important to rank up. - `meta[property="og:site_name"]` (Optional) The web site name or brand name. - `meta[property="fb:app_id"]` (Optional) A Facebook App ID that identifies your website to Facebook. You can analyze the traffic in Facebook. More about Open Graph: https://developers.facebook.com/docs/sharing/best-practices ### App Links - `meta[property="al:ios:url"]` (Required) Your iOS app's custom scheme. e.g. example://applinks - `meta[property="al:ios:app_store_id"]` (Required) Your app ID in the App Store. - `meta[property="al:ios:app_name"]` (Required) Your iOS app name. - `meta[property="al:android:url"]` (Required) Your Android app's custom scheme. e.g. example://applinks - `meta[property="al:android:package"]` (Required) Your Android app's package name. - `meta[property="al:android:app_name"]` (Required) Your Android app name. More about App Links: https://developers.facebook.com/docs/applinks ### Twitter Cards (web) - `meta[name="twitter:card"]` (Required) The type of twitter card to use; summary, photo, gallery, app etc. - `meta[name="twitter:site"]` (Required) The Twitter @username the card should be attributed to. Required for Twitter Card analytics. - `meta[name="twitter:title"]` (Required) The title of your content. - `meta[name="twitter:description"]` (Required) About 200 characters description of your content. - `meta[name^="twitter:image"]` (Optional) An image URL which should represent your content. More about Twitter Cards (web): https://dev.twitter.com/cards/getting-started ### Twitter Cards (app) - `meta[name="twitter:app:id:iphone"]` (Required) Your app ID for iPhone in the App Store. - `meta[name="twitter:app:url:iphone"]` (Required) Your iPhone app’s custom URL scheme (you must include “://” after your scheme name). - `meta[name="twitter:app:id:ipad"]` (Optional) Your app ID for iPad in the App Store. - `meta[name="twitter:app:url:ipad"]` (Optional) Your iPad app’s custom URL scheme (you must include “://” after your scheme name). - `meta[name="twitter:app:id:googleplay"]` (Required) Your app's package name in the Google Play. - `meta[name="twitter:app:url:googleplay"]` (Required) Your Android app’s custom URL scheme (you must include “://” after your scheme name). - `meta[name="twitter:app:country"]` (Optional) If your application is not available in the US App Store, you must set this value to the two-letter country code for the App Store that contains your application. More about Twitter Cards (app): https://dev.twitter.com/cards/types/app ### App Indexing - `link[rel="alternate"][href^="android-app://"]` (Required) The ways you can specify a relationship between content on your website and content on your app. More about App Indexing: https://developers.google.com/app-indexing/reference/deeplinks