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 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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
공식 URL 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"
}