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="keywords" content="カンマ区切りで10個以内推奨">
      <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="keywords" content="カンマ区切りで10個以内推奨">
    <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!