metaã‚¿ã‚°ã¨ã¯ã€HTMLã®ãƒšãƒ¼ã‚¸ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã‚„æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã«çŸ¥ã‚‰ã›ã‚‹ãŸã‚ã®ã‚¿ã‚°ã§ã™ã€‚
è¨å®šã™ã‚‹é …目をhttp-equivã‚„name属性ã§å®šç¾©ã—ã¦ã€content属性ã§å€¤ã‚’指定ã—ã¾ã™ã€‚
ã“れらã¯ã€headタグ内ã«è¨˜è¿°ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚
ページã®è¡¨ç¤ºã«é–¢ã™ã‚‹ã‚‚ã®ã‚„SEOã§å¿…è¦ã¨ãªã‚‹ã‚¿ã‚°ãªã©ã€å¤šãã®ç¨®é¡žãŒå˜åœ¨ã—ã¾ã™ã€‚
例ãˆã°ã€descriptionãªã©ã¯ã€SEOã§ã¨ã¦ã‚‚é‡è¦ã¨ãªã‚‹é …ç›®ã§ã™ã€‚
ã¾ãŸã€ä¸ã«ã¯ä¸€éƒ¨ã®ãƒ–ラウザã§ã—ã‹æœ‰åŠ¹ã§ã¯ãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚
ã„ã‚ã„ã‚ãªå±žæ€§ãŒã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ãªæ§‹æˆã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚
属性 | 説明 |
---|---|
name | é …ç›®ã®åå‰ |
http-equiv | HTTPヘッダå |
content | è¨å®šã™ã‚‹å€¤ |
scheme | è©³ç´°æƒ…å ± |
lang | 言語 |
title | タイトル |
nameã¨http-equivã®é•ã„ã¯ã€ãƒ–ラウザやサーãƒãƒ¼ã§å‡¦ç†ã‚’è¡Œã†ã‹ã©ã†ã‹ã§ã™ã€‚
nameã®å ´åˆã¯ã€é€šå¸¸ãƒ–ラウザやサーãƒãƒ¼ã§å‡¦ç†ã‚’è¡Œã„ã¾ã›ã‚“。
主ã«SEOを目的ã¨ã—ã¦è¨å®šã™ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚
一方http-equivã§ã¯ã€HTTPヘッダーã«çµ„ã¿è¾¼ã‚“ã§æƒ…å ±ã‚’ã‚µãƒ¼ãƒãƒ¼ã«é€ä¿¡ã—ã¾ã™ã€‚
主ã«ãƒ–ラウザã¾ãŸã¯ã‚µãƒ¼ãƒãƒ¼ã§ä½•ã‚‰ã‹ã®å‡¦ç†ã‚’ã™ã‚‹ã¨ãã«ä½¿ã‚ã‚Œã¾ã™ã€‚
例ãˆã°ã€Content-Typeã§ã¯ãƒ–ラウザã§è¡¨ç¤ºã™ã‚‹æ–‡å—コードを指定ã—ã¾ã™ã€‚
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Content-Typeã§ã¯ã€è¡¨ç¤ºæ™‚ã®æ–‡å—コードを指定ã—ã¾ã™ã€‚
ãã®æ–‡ç« ãŒUTF-8ã®å ´åˆã¯ã€charsetã«ã€Œutf-8ã€ã¨è¨˜è¿°ã—ã¦ãã ã•ã„。
ã“ã®ä»–ã«è‰¯ã使ã‚れる文å—コードã¯ã€shift_jisã€euc-jpã€iso-2022-jpãªã©ã§ã—ょã†ã‹ã€‚
<meta http-equiv="Content-Language" content="ja" />
HTMLã«ãŠã‘る主言語を指定ã—ã¾ã™ã€‚
日本語ãªã‚‰jaã€è‹±èªžãªã‚‰enã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚
<html lang="ja"> ã‚„ <body lang="ja"> ãªã©HTMLã‚¿ã‚°ã«ã‚‚記述ã§ãã¾ã™ãŒã€metaã‚¿ã‚°ã§æŒ‡å®šã™ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
ã¾ãŸã€metaã‚¿ã‚°ãŒå„ªå…ˆã•ã‚Œã¾ã™ã€‚
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
スタイルシート言語ã¨ã‚¹ã‚¯ãƒªãƒ—ト言語を指定ã—ã¾ã™ã€‚
今ã§ã¯æ¨™æº–ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã¯ text/cssã€ã‚¹ã‚¯ãƒªãƒ—ト㯠text/javascriptã¨å®šã‚られã¦ã„ã‚‹ã®ã§ã€ç‰¹ã«è¨˜è¼‰ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
2ã¤ã¨ã‚‚ã«ã€no-cache を指定ã™ã‚‹ã“ã¨ã§ãƒšãƒ¼ã‚¸ã‚ャッシュを無効ã«ã—ã¾ã™ã€‚
ブラウザãŒå¯¾å¿œã—ã¦ã„ã‚‹å ´åˆã®ã¿æœ‰åŠ¹ã§ã™ã€‚
<meta http-equiv="expires" content="Wed, 20 Nov 2013 01:59:18 GMT" />
ã‚ャッシュã®æœ‰åŠ¹æœŸé™ã‚’指定ã—ã¾ã™ã€‚ã“ã®æ™‚刻をéŽãŽã‚‹ã¨ã‚ャッシュãŒå‰Šé™¤ã•ã‚Œã¾ã™ã€‚
éŽåŽ»ã®æ—¥ä»˜ã‚„ã€ç„¡åŠ¹ãªå€¤ã‚’指定ã™ã‚‹ã¨ã‚ャッシュãŒç„¡åŠ¹ã«ãªã‚Šã¾ã™ã€‚
<meta http-equiv="imagetoolbar" content="no" />
イメージツールãƒãƒ¼ï¼ˆç”»åƒã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ãŸæ™‚ã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒ„ールãƒãƒ¼ï¼‰ã‚’無効ã«ã—ã¾ã™ã€‚
<meta http-equiv="refresh" content="5; url=sample.html" />
自動ã§ãƒšãƒ¼ã‚¸é·ç§»ã—ã¾ã™ã€‚ã“ã®ã‚ˆã†ã«æŒ‡å®šã™ã‚‹ã¨ã€5秒後ã«sample.htmlã¸é·ç§»ã—ã¾ã™ã€‚
urlを指定ã—ãªã„å ´åˆã¯ã€ãã®ãƒšãƒ¼ã‚¸ãŒå†èªã¿è¾¼ã¿ã•ã‚Œã¾ã™ã€‚
<meta name="viewport" content="width=device-width, initial-scale=1.0">
表示ã®å¹…ãªã©ã‚’指定ã—ã¾ã™ã€‚
ãŸã¨ãˆã°ã€width=320 ã¨ã™ã‚‹ã¨320pxã«è¨å®šã•ã‚Œã¾ã™ã€‚
ã“ã†ã™ã‚‹ã“ã¨ã§ã€ã“ã®å¹…ã«èª¿æ•´ã—ã¦ç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚
レスãƒãƒ³ã‚·ãƒ–Webデザインã§ã¯ã€width=device-widthã¨æŒ‡å®šã—ã¾ã™ã€‚
<meta name="description" content="説明文">
ページã®èª¬æ˜Žæ–‡ã‚’記述ã—ã¾ã™ã€‚
検索エンジンã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã§ä½¿ç”¨ã•ã‚ŒãŸã‚Šã€SEOã§ã¨ã¦ã‚‚é‡è¦ãªã®ã§ã€å¿…ãšè¨˜è¿°ã—ã¾ã—ょã†ã€‚
Googleã‚„Yahooã§ã¯ã€å…¨è§’ã§100æ–‡å—程度ãŒè‰¯ã„ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
<meta name="keywords" content="ã‚ーワード">
ページã®å†…容ã«é–¢é€£ã™ã‚‹ã‚ーワードをカンマ区切りã§è¨˜è¿°ã—ã¾ã™ã€‚
記述ã—ãŸãƒ¯ãƒ¼ãƒ‰ãŒãƒšãƒ¼ã‚¸ã«å«ã¾ã‚Œã¦ã„ãªã„ã¨ç„¡åŠ¹ã«ãªã‚Šã¾ã™ã€‚
<meta name="robots" content="noindex, nofollow">
検索エンジンã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã®å‹•ãを制御ã—ã¾ã™ã€‚
下記ã®ã‚ˆã†ãªæŒ‡å®šãŒå¯èƒ½ã§ã™ã€‚
noindex:ã“ã®ãƒšãƒ¼ã‚¸ã‚’検索エンジンã«ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã—ãªã„
nofollow:ページ内ã®ãƒªãƒ³ã‚¯ã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ãªã„
noarchive:ページをã‚ャッシュã—ãªã„
<meta name="copyright" content="Copyright(C)2013 hoge">
著作権を表記ã—ã¾ã™ã€‚
著作権ã¯ç‰¹ã«æ˜Žè¨˜ã™ã‚‹å¿…è¦ãŒãªã„ã®ã§ã€è¨å®šã—ãªãã¦ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“。
<meta name="author" content="hoge">
著者を明記ã—ã¾ã™ã€‚åå‰ã§ãªãメールアドレスを記述ã—ãŸã‚Šã‚‚ã—ã¾ã™ã€‚
<meta name="generator" content="hoge">
HTMLを作æˆã—ãŸæ™‚ã«ä½¿ç”¨ã—ãŸã‚¨ãƒ‡ã‚£ã‚¿åを記述ã—ã¾ã™ã€‚
<meta name="coverage" content="worldwide">
ページã®ã‚µãƒ¼ãƒ“スæ供範囲を指定ã—ã¾ã™ã€‚
worldwideã€asiaã€japan ãªã©ã®åœ°åŸŸåや国åを記述ã—ã¾ã™ã€‚
<meta name="Targeted Geographic Area" content="Japan">
ページã®åœ°ç†çš„ãªå¯¾è±¡ç¯„囲を指定ã—ã¾ã™ã€‚
asiaã€japan ãªã©ã®åœ°åŸŸåや国åを記述ã—ã¾ã™ã€‚
<meta name="classification" content="general">
ページã®ã‚¸ãƒ£ãƒ³ãƒ«ã‚’指定ã—ã¾ã™ã€‚
business, computers, entertainment, internet, miscellaneous, personalãªã©ã‚’記述ã—ã¾ã™ã€‚
<meta name="rating" content="general">
ページã®é–²è¦§å¯¾è±¡å¹´é½¢å±¤ã‚’指定ã—ã¾ã™ã€‚
safe for kidsã€adultãªã©ãŒã‚ã‚Šã€é–²è¦§åˆ¶é™ã®ãªã„å ´åˆã¯ã€generalを記述ã—ã¾ã™ã€‚
<meta name="revisit_after" content="20 days">
検索エンジンã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ãŒæ¬¡ã«è¨ªã‚Œã‚‹ã¾ã§ã«æ—¥æ•°ã‚’指定ã—ã¾ã™ã€‚
実際ã«è¨ªã‚Œã‚‹ã‹ã©ã†ã‹ã¯è¬Žã§ã™ã€‚
<meta name="distribution" content="Global">
ä»–ã®metaã‚¿ã‚°ã®å¯¾è±¡ç¯„囲ãŒå¤–部ãªã®ã‹ã€å†…部ãªã®ã‹ã‚’指定ã—ã¾ã™ã€‚
通常ã¯ã€ãƒˆãƒƒãƒ—ページã«ã¯ Globalã€ãã®ä»–ã®å„ページã«ã¯ Local を指定ã—ã¾ã™ã€‚
å…¨ã¦ã®ãƒšãƒ¼ã‚¸ã‚’indexã•ã›ãŸã„å ´åˆã¯ Global ã§å•é¡Œã‚ã‚Šã¾ã›ã‚“。
<meta name="creation date" content="July 20, 2013">
ページã®ä½œæˆæ—¥ã‚’記述ã—ã¾ã™ã€‚
<meta name="language" content="Japanese">
ページã®ä½¿ç”¨è¨€èªžã‚’記述ã—ã¾ã™ã€‚
Japaneseã€Englishãªã©è‹±èªžã§è¨˜è¿°ã—ã¾ã™ã€‚
<meta property="og:title" content="タイトル" />
<meta property="og:description" content="説明文" />
<meta property="og:type" content="タイプ" />
<meta property="og:url" content="ページã®URL" />
<meta property="og:image" content="ã“サムãƒã‚¤ãƒ«ç”»åƒã®URL" />
ã“れらã¯Facebookã§ä½¿ç”¨ã™ã‚‹æƒ…å ±ã§ã™ã€‚
ページãŒã‚·ã‚§ã‚¢ã•ã‚ŒãŸæ™‚ãªã©ã«ã€ãã®ãƒšãƒ¼ã‚¸æƒ…å ±ã‚’Facebookã«ä¼ãˆã‚‹ãŸã‚ã«è¨å®šã—ã¾ã™ã€‚
ã“ã®ã‚ˆã†ã«propertyを使用ã—ã¦ã€ä¸€éƒ¨ã‚¢ãƒ—リã®ç”¨ã«metaタグを記述ã™ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã®ã§ã™ã€‚