vadim1884321
1/13/2018 - 1:18 PM

Шаблон Open Graph, Twitter Card и Favicon

Шаблон Open Graph, Twitter Card и Favicon

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
    
    <!-- Open Graph, Facebook, VK, Ok -->
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Название сайта">
    <meta property="og:title" content="Заголовок">
    <meta property="og:description" content="Описание.">
    <meta property="og:url" content="http://example.com/page.html">
    <meta property="og:locale" content="ru_RU">
    <meta property="og:image:width" content="968">
    <meta property="og:image:height" content="504">
    <!-- Open Graph, Twitter, Google+ -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Заголовок">
    <meta name="twitter:description" content="Описание.">
    <meta name="twitter:image:src" content="http://example.com/img.jpg">
    <meta name="twitter:url" content="http://example.com/page.html">
    <meta name="twitter:domain" content="example.com">
    <meta name="twitter:site" content="@">
    <meta name="twitter:creator" content="@...">
    
    <!-- Favicons -->
    <link rel="apple-touch-icon" sizes="180x180" href="./img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./img/favicons/favicon-16x16.png">
    <link rel="manifest" href="./img/favicons/manifest.json">
    <link rel="mask-icon" href="./img/favicons/safari-pinned-tab.svg" color="#ffffff">
    <link rel="shortcut icon" href="./img/favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="./img/favicons/mstile-144x144.png">
    <meta name="msapplication-config" content="./img/favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    
  </head>
  <body>
  </body>
</html>