Правильное оформление метатегов и скриптов
Правильное оформление метатегов и скриптов для быстрой загрузки сайта и хорошей индексации сайта.
Сначала ознакомьтесь что такое - data-src
Оформляем head:
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no">
<meta name=robots content="index, follow, noarchive, noodp">
<meta name=copyright content="Владелец сайта">
<meta name=email content="pochta@gmail.com">
<meta name=author content="автор текста">
<meta name=published-time content="2020-01-19">
<meta name=last-modified content="2020-01-22">
<meta name=locale content="ru_RU">
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400" rel="stylesheet">
<link rel=preload href=https://fonts/SpiegelSans4UI-Bold.woff2 as=font type=font/woff2 crossorigin>
<link rel=preload href=https://fonts/SpiegelSans4UI-Regular.woff2 as=font type=font/woff2 crossorigin>
<link rel=preload href=https://fonts/SpiegelSlab4UICd-ExtraBold.woff2 as=font type=font/woff2 crossorigin>
<link rel=preload href=https://fonts/SpiegelSerifTextUI-Regular.woff2 as=font type=font/woff2 crossorigin>
<link rel=preload href=https://fonts/SpiegelSans4-6SemiBold.woff2 as=font type=font/woff2 crossorigin>
</head>Основные мета теги для соцсетей:
<meta property="og:title" content="The hreflang Tags Generator by @Aleyda">
<meta property="og:type" content="website">
<meta property="og:image" content="https://www.aleydasolis.com/images/hreflang-tags-generator.png" />
<meta property="og:url" content="https://www.aleydasolis.com/english/international-seo-tools/hreflang-tags-generator/">
<meta property="og:description" content="Generate easily the hreflang annotations following Google's specifications for your pages by using the hreflang tags generator tool.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@aleyda">
<meta name="twitter:title" content="The hreflang Tags Generator by @Aleyda">
<meta name="twitter:description" content="Generate easily the hreflang annotations following Google's specifications for your pages by using the hreflang tags generator tool.">
<meta name="twitter:image:src" content="https://www.aleydasolis.com/images/hreflang-tags-generator.png">Как правильно указать язык и альтернативные страницы на других языках?
Якщо у Вас дві мови - українська основна:
<link rel="canonical" href="https://site.ua" />
<link rel="alternate" hreflang="uk" href="https://site.ua" />
<link rel="alternate" hreflang="en" href="https://site.ua/en/" />
<link rel="alternate" hreflang="x-default" href="https://site.ua" />Генератор hreflang тегов - https://www.aleydasolis.com/
Больше о hreflang - GoogleFAQ
Локализованные версии страницы считаются дубликатами, только если основной контент остается непереведенным.
Справка по языкам:
<link rel="alternate" hreflang="xx-YY" href="URL" />- xx — язык (обязательно) согласно ISO 639-1;
- YY — регион (не обязательно) согласно ISO 3166-1 Alpha 2;
- URL — абсолютный URL альтернативной страницы.
Оформляем скрипты:
<script src="https://script.js"></script>
Отложеная загрузка
<script async src="https://script.js"></script>
или
<script data-src="https://script.js"></script>