meta Tag Analyzer

Analyze your site's meta tags: HTML Meta, Open Graph, App Links, Twitter Cards and App Indexing.

什麼是meta Tag Analyzer?

meta Tag Analyzer是由herablog開發的Chrome擴展程式,該擴展的主要功能是“Analyze your site's meta tags: HTML Meta, Open Graph, App Links, Twitter Cards and App Indexing.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載meta Tag Analyzer擴展crx文件

下載meta Tag Analyzer擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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                    

擴展基本資訊

名稱 meta Tag Analyzer meta Tag Analyzer
ID fjaojohahonilkanpijpfhkekbegbkfa
官方網址 https://chrome.google.com/webstore/detail/meta-tag-analyzer/fjaojohahonilkanpijpfhkekbegbkfa
簡介 Analyze your site's meta tags: HTML Meta, Open Graph, App Links, Twitter Cards and App Indexing.
檔案大小 429 KB
安裝次數 4,000
目前版本 0.0.1
更新時間 2015-07-15
上架時間 2015-07-15
評分 4.71/5 共 7 次評分
開發者 herablog
付費類型 free
擴展官網 https://github.com/herablog/meta-tag-analyzer
說明頁面URL https://github.com/herablog/meta-tag-analyzer/issues
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "version": "0.0.1",
    "name": "meta Tag Analyzer",
    "description": "Analyze your site's meta tags: HTML Meta, Open Graph, App Links, Twitter Cards and App Indexing.",
    "icons": {
        "16": "app\/images\/icon16.png",
        "48": "app\/images\/icon48.png",
        "128": "app\/images\/icon128.png"
    },
    "browser_action": {
        "default_icon": {
            "19": "app\/images\/icon19.png",
            "38": "app\/images\/icon38.png"
        },
        "default_title": "meta Tag Analyzer",
        "default_popup": "app\/popup_default.html"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "app\/scripts\/content_script.js"
            ]
        }
    ],
    "background": {
        "scripts": [
            "app\/scripts\/event_page.js"
        ],
        "persistent": false
    },
    "permissions": [
        "tabs"
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval' 'unsafe-inline' https:\/\/cdn.jsdelivr.net\/ http:\/\/fonts.googleapis.com\/ ; object-src 'self\u2019"
}