coding

Head Tagheadタグで頻繁に使用する内容

Head Tag

リンク先一覧

  • セット

    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <meta name="description" content="120文字以内">
  <meta property="og:title" content="このページのタイトル">
  <meta property="og:type" content="TOPページはwebsite、子ページはarticle">
  <meta property="og:url" content="このページのURL">
  <meta property="og:image" content="1200×630以上推奨、絶対パスで指定">
  <meta property="og:site_name" content="サイト名">
  <meta property="og:description" content="80〜90文字推奨">
  <meta name="twitter:card" content="summary or summary_large_image">
  <meta name="twitter:site" content="@ユーザー名">
  <meta name="format-detection" content="telephone=no">
  <link rel="shortcut icon" sizes="16x16" href="">
  <link rel="apple-touch-icon" sizes="192x192" href="">
  <link rel="shortcut icon" sizes="192x192" href="">
  <meta name="last-modified" content="Sun, 29 Dec 2019 20:30:30 GMT">
</head>
    Copied!

  • ファビコン

    <link rel="shortcut icon" sizes="16x16" href="">
    Copied!

  • タッチアイコン

    <link rel="apple-touch-icon" sizes="192x192" href="">
<link rel="shortcut icon" sizes="192x192" href="">
    Copied!

  • OGP

    <meta property="og:title" content="このページのタイトル">
<meta property="og:type" content="TOPページはwebsite、子ページはarticle">
<meta property="og:url" content="このページのURL">
<meta property="og:image" content="1200×630以上推奨、絶対パスで指定">
<meta property="og:site_name" content="サイト名">
<meta property="og:description" content="80〜90文字推奨">
<meta name="twitter:card" content="summary or summary_large_image">
<meta name="twitter:site" content="@ユーザー名">
    Copied!

  • SEO関連

    <meta name="description" content="120文字以内">
<meta name="last-modified" content="Sun, 29 Dec 2019 20:30:30 GMT">
    Copied!

  • スマホ向け電話番号自動リンク無効

    <meta name="format-detection" content="telephone=no">
    Copied!

  • GoogleFonts(日本語)

    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap" rel="stylesheet">
    Copied!

  • クローラー

    <meta name="robots" content="noindex">
    Copied!