Главная » SEO » Оптимизация сайта » Правильное оформление метатегов и скриптов
379 0  

Правильное оформление метатегов и скриптов

Правильное оформление метатегов и скриптов для быстрой загрузки сайта и хорошей индексации сайта.

Сначала ознакомьтесь что такое - 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">


Как правильно указать язык и альтернативные страницы на других языках?

Например у Вас есть 3 языка, где русский основной: 

<link rel="canonical" href="https://solis.com/ru/" />
<link rel="alternate" hreflang="ru" href="https://solis.com/ru/" />  <!-- Русский -->

<link rel="alternate" hreflang="ua" href="https://solis.com/ua/" /> <!-- Украинский -->
<link rel="alternate" hreflang="en-RU" href="https://solis.com/en/" /> <!-- Английский для России -->
<link rel="alternate" hreflang="en-GB" href="http://domain.co.uk/" />  <!-- Английский для Англии -->

Генератор hreflang тегов - https://www.aleydasolis.com/ 

Больше о  hreflang - GoogleFAQ

crying Локализованные версии страницы считаются дубликатами, только если основной контент остается непереведенным.

bully Справка по языкам:

<link rel="alternate" hreflang="xx-YY" href="URL" />
  • xx — язык (обязательно) согласно ISO 639-1;
  • YY — регион (не обязательно) согласно ISO 3166-1 Alpha 2;
  • URL — абсолютный URL альтернативной страницы.

Оформляем скрипты:

<script data-src="https://script.js"></script>
или
<script async src="https://script.js"></script>

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2021