HTMLやCSSの基本を学ぶ方に
1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
Kindle版（電子書籍）／Mana／SBクリエイティブ
HTML・CSSの書き方からページのレイアウトまで学ぶ入門書です。
Amazonで見る ↗ちょっとした診断LAB / META TAG CHECK
ちょっとしたmetaタグ確認
貼り付けたHTMLから、title・description・canonical・OGPなどを一覧確認します。
ページ公開前や改修前後に、meta情報や共有表示まわりをざっくり見るためのWEB管理向け小道具です。
SEO効果や正誤を保証するものではありません。入力内容はサーバーへ送信・保存しません。
HTML INPUT
HTMLを貼り付ける
head周辺だけでも、ページ全体でも確認できます。
HTMLを入力して「チェックする」を押してください。
SUMMARY
結果サマリー
足りないかもしれない項目は、用途によって必要性が変わります。
0title文字数
0description文字数
0JSON-LD
0h1数
0不足目安
-lang属性
BASIC META
基本meta
- まだチェックしていません。
OGP
OGP
- まだチェックしていません。
TWITTER CARD
Twitter Card
- まだチェックしていません。
MISSING MEMO
足りないかもしれない項目
- まだチェックしていません。
COPY SUMMARY
コピー用サマリー
まだチェックしていません。
HOW TO USE
使い方
- 確認したいHTMLを入力欄に貼り付けます。
- 「チェックする」を押すと、title、description、canonical、OGPなどを抽出します。
- 足りないかもしれない項目を見て、必要なmetaを確認します。
- 必要ならサマリーやOGP情報をコピーします。
ABOUT THIS CHECK
このチェックについて
ちょっとしたmetaタグ確認は、HTML内のtitle、meta description、canonical、robots、OGP、Twitter Card、JSON-LD、h1などをブラウザ上で確認する簡易チェックです。
SEO効果や正誤を保証するものではありません。サイトやページの目的によって必要な項目は変わります。
入力内容は端末内で処理され、サーバーへ送信・保存しません。
HTML・CSSの基本を学びたい方へ （PR）
HTML・CSSの仕組みや書き方を学ぶ参考書です。コードやデータを見直す際の読み物として。
購入前に、商品の内容・仕様・状態をご確認ください。リンク先の価格や在庫、出品者は変わることがあります。
利用者の評価・コメント
まだ評価・コメントはありません。
評価・コメントを投稿する
星だけでも送信できます。コメントを書く場合は3〜1000文字で入力してください。
暴言、脅迫、個人への攻撃を含むコメントは公開しません。