meta Tag Analyzer

meta Tag Analyzer插件简介

meta Tag Analyzer插件描述

This extension analyze the quality of your sites meta infmation.
あなたのサイトのmetaタグのクオリティを分析します。

We used to insert specific page description, keywds,  other metadata in websites HTML f search engines.
かつては、検索エンジン用にタイトルや、キーワードをHTMLに指定していました。

However, now that people uses a lot of applications on mobile such as Facebook, Twitter,  other native applications, its imptant how links to a website look like on those platfms.
しかし、現在は多くのユーザーがFacebookやTwitter、多くのネイティブアプリケーションを利用しているので、それらのプラットフォーム上でサイトへのリンクがどのように表示されているのかが重要になりました。

We have to add a lot of meta elements into websites HTML in der to increase page views. Its so difficult to remember which elements do you need f your site.
PVを上昇されるためには、多くのmetaタグを挿入する必要があり、どの要素が必要かとても覚えられる量ではありません。

You can learn your sites meta condition easily by using this extension. After installing, this extension will start analyzing. When you finished loading a website, the sites sce is shown over the icon. If youd like to learn me infmation about the sce, click the icon. You can see which elements were needed,  which passed  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.

Me about HTML Meta: https://suppt.google.com/webmasters/answer/35624

### Open Graph

 `meta[property="og:title"]` (Required) The title of your content. You should not include your br name  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 imptant to rank up.
 `meta[property="og:site_name"]` (Optional) The web site name  br name.
 `meta[property="fb:app_id"]` (Optional) A Facebook App ID that identifies your website to Facebook. You can analyze the traffic in Facebook.

Me about Open Graph: https://developers.facebook.com/docs/sharing/bestpractices

### App Links

 `meta[property="al:ios:url"]` (Required) Your iOS apps custom scheme. e.g. example://applinks
 `meta[property="al:ios:app_ste_id"]` (Required) Your app ID in the App Ste.
 `meta[property="al:ios:app_name"]` (Required) Your iOS app name.
 `meta[property="al:roid:url"]` (Required) Your Android apps custom scheme. e.g. example://applinks
 `meta[property="al:roid:package"]` (Required) Your Android apps package name.
 `meta[property="al:roid:app_name"]` (Required) Your Android app name.

Me 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 f 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.

Me about Twitter Cards (web): https://dev.twitter.com/cards/gettingstarted

### Twitter Cards (app)

 `meta[name="twitter:app:id:iphone"]` (Required) Your app ID f iPhone in the App Ste.
 `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 f iPad in the App Ste.
 `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 apps 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 Ste, you must set this value to the twoletter country code f the App Ste that contains your application.

Me about Twitter Cards (app): https://dev.twitter.com/cards/types/app

### App Indexing

 `link[rel="alternate"][href^="roidapp://"]` (Required) The ways you can specify a relationship  content on your website  content on your app.

Me about App Indexing: https://developers.google.com/appindexing/reference/deeplinks

                                

meta Tag Analyzer插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 meta Tag AnalyzerChrome插件v0.0.1版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决