Рис. 1. Данные WHOIS-сервиса для домена mail.ru, представленные на странице https://www.nic.ru/whois/
6. Привязка домена высшего уровня (TLD) к стране
TLD (от англ. top-level domain, домен верхнего (первого) уровня) страны (например, ru или. ua) позитивно влияет на рейтинг сайта внутри стран, но негативно – на глобальный.
Отсюда вывод: если в проекте хотя бы в перспективе планируется выход за пределы отечественного Интернета, есть смысл уже на старте задуматься о международном домене.
Техническая оптимизация сайта
Техническая оптимизация – это комплекс работ по выявлению и устранению программных и технических недоработок, мешающих сайту занять высокие места в выдаче поисковых систем. Это крайне важный процесс, без выполнения которого продвижение сайта либо существенно усложняется, либо становится невозможным.
Техническую оптимизацию условно можно разделить на два этапа:
1. Первоначальная оптимизация. Данная процедура выполняется на старте проекта и обеспечивает корректную индексацию сайта и правильную настройку его основных механизмов.
2. Периодический анализ состояния сайта, устранение выявленных недостатков и доработка новых возможностей. На этом этапе техническая доработка превращается в итерационный процесс, где в конкретный временной период (например, за календарный месяц) выполняется определенный перечень работ по улучшению сайта, объем которых зависит от финансовых возможностей в проекте по продвижению.
В данном разделе мы сосредоточимся на тех параметрах вебсайтов, которые оказывают влияние на ранжирование в поисковых системах, а также приведем рекомендации, которые помогут избежать самых распространенных технических ошибок.
7. Надежный, быстрый и удобный хостинг
Аптайм сервера
Аптайм сервера (от англ. uptime – время непрерывной работы) – это один из важнейших параметров, которые надо учесть при выборе хостинг-площадки для веб-сайта. Аптайм рассчитывают в процентах, как среднее время работы системы от общего времени измерения. Противоположным аптайму является «даунтайм» (от англ. downtime) – время, когда сервер не работает.
Хорошими показателями аптайма считаются цифры в пределах 99,8-99,9 %, что примерно соответствует часу-полутора даунтайма в месяц. Этого вполне достаточно для устойчивой работы сайта, да и добиться более высоких показателей может быть сложно, так как любой сервер требует критических обновлений (после которых идет перезагрузка), а иногда тормозит или подвисает, вследствие чего непрерывная работа может прерываться.
Чем опасен низкий аптайм? Во-первых, если сервер «упал», теряются посетители и клиенты, которые могли бы прийти на сайт. Особенно это критично при высоком уровне платного трафика из контекстной рекламы и других рекламных сетей, когда денежные потери могут выливаться во вполне ощутимые суммы.
Во-вторых, если сайт будет недоступен по причине неработоспособности хостинга, поисковые роботы не смогут получить к нему доступ. При кратковременных неполадках, конечно, ничего не произойдет, но постоянные отключения приведут к понижению сайта в результатах выдачи, вплоть до полного исключения ресурса из поискового индекса.
Чтобы избежать негативных последствий, нужно ответственно отнестись к выбору хостинга: провести анализ предложений на рынке; проверить отзывы; разобраться в том, насколько удобный интерфейс предоставляет хостинг-компания[6 - https://ru.wikipedia.org/wiki/XocTHHroBaa_KOMnaHHa] и какие дополнительные услуги будут доступны. Такая работа сэкономит много сил в дальнейшем.
Отслеживать работоспособность сервера можно множеством способов. Самый простой – настроить уведомления о проблемах на сайте в системе веб-статистики, которую устанавливают на сайт для сбора информации о различных аспектах его работы (подойдет, например, Яндекс-метрика). Если нужно более подробное и гибкое решение, необходимо воспользоваться веб-сервисами проверки хостинга, ссылки на которые легко найти в Сети.
Местонахождение и скорость работы сервера
Физическое местонахождение сервера хоть и слабо, но может повлиять на ранжирование сайта. Особенно это актуально при поиске информации с геопривязкой, по определенному географическому региону.
Большое географическое удаление сервера может вызвать проблемы со скоростью загрузки сайта и обслуживанием сервера: общаться с технической поддержкой сервера, например, придется ночью, да еще и на иностранном языке.
Большое значение имеет скорость работы сервера, от которой напрямую зависит ряд аспектов, влияющих на скорость загрузки сайта. Для ускорения своих площадок хостинг-провайдерами используются различные технологии, вплоть до CDN[7 - https://ru.wikipedia.org/wiki/Content_Delivery_Network] – географически распределенной сетевой инфраструктуры, позволяющей оптимизировать доставку контента пользователям. Соответственно, при продвижении нужно проанализировать предоставляемые разными компаниями возможности и выбрать самый быстрый сервер из всех доступных.
Отказоустойчивость
С ростом трафика сайта нагрузка на хостинг будет расти. Также нужен запас прочности сервера на случай внезапного лавинообразного роста трафика (например, из-за рекламных акций или случайных ссылок в социальных сетях, по которым одномоментно могут перейти множество пользователей).
В идеале выбранный для сайта сервер должен выдерживать даже критичную нагрузку. Проверить это можно с помощью специальных сервисов нагрузочного тестирования производительности[8 - https://loadimpact.com/].
Если у сайта слабый сервер и нет возможности увеличить его мощность, можно также оптимизировать нагрузку с помощью директивы crawl-delay[9 - https://yandex.ru/support/webmaster/controlling-robot/robots-txt. xml#crawl-delay]. Но это временная мера: проще и надежнее использовать более мощный хостинг.
8. Скорость загрузки сайта
Скорость загрузки является критично важным параметром при продвижении сайта.
Дело в том, что пользователи привыкли к быстрой загрузке и их раздражает ситуация, когда сайт долго не открывается. Поисковые системы учитывают этот момент и в погоне за удовлетворенностью пользователей ставят на высокие позиции в выдаче только быстрые сайты.
Как измеряется скорость сайта
Поисковые системы могут весьма точно просчитывать скорость загрузки страницы, основываясь только на ее коде и размере скачиваемых файлов. Однако для измерения скорости используется и множество других источников, например, статистика браузеров (Google Chrome, Яндекс Браузер), плагинов для браузеров и систем веб-мониторинга.
Чем выше будет скорость загрузки страниц, тем лучше. В общем случае время ожидания не должно превышать 3–5 секунд, а хорошие показатели составляют до 0.7 секунды для времени скачивания исходного кода документа и до 0.2 секунды для времени ответа сервера. То есть ваш сайт должен загружаться меньше чем за секунду.
Оценить скорость загрузки помогут специальные сервисы. Самый популярный из них – Google PageSpeed Insights[10 - https://developers.google.com/speed/pagespeed/insights/], по оценке которого нужно набирать 90+ баллов и для мобильной, и для десктопной версии сайта. Помогут и другие сервисы анализа скорости загрузки веб-ресурсов, ссылки на которые легко найти в Интернете.
Работу по ускорению сайта должен выполнять профессиональный программист, результаты работы которого необходимо проверить с помощью специальных веб-сервисов и данных веб-статистики. Для общей информации приведем некоторые рекомендации, которые могут помочь выполнить задачу:
1. Использовать кэш браузера [11 - https://developers.google.com/speed/docs/insights/ LeverageBrowserCaching].
2. Включить сжатие[12 - https://developers.google.com/speed/docs/insights/ EnableCompression].
3. Удалить код JavaScript, препятствующий показу страницы[13 - https://developers.google.com/speed/docs/insights/BlockingJS].
4. Оптимизировать код CSS[14 - https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery].
5. Сократить объем ресурсов (HTML, CSS и JavaScript)[15 - https://developers.google.com/speed/docs/insights/MinifyResources].
6. Оптимизировать изображения[16 - https://developers.google.com/speed/docs/insights/OptimizeImages].
7. Оптимизировать время ответа сервера[17 - https://developers.google.com/speed/docs/insights/Server].
Перечисленные рекомендации подходят для всех вебплатформ, поэтому их можно реализовать в первую очередь.
9. Оптимизация метатегов
Метатеги[18 - https://ru.wikipedia.org/wiki/MeTaTerH] (от англ. meta tags) – это html-теги, предназначенные для предоставления структурированных метаданных (дополнительных, сопроводительных данных) о веб-странице.
Метатегов очень много, но большинство из них для практического поискового продвижения бесполезны, поэтому в данном разделе мы рассмотрим только те теги, которые способны реально повлиять на позиции сайта в поисковых системах.
Для диагностики проблем с метатегами можно воспользоваться сервисами для веб-мастеров Яндекса и Гугла. В них представлена информация о проиндексированных страницах, и можно легко увидеть явные проблемы (например, разделы с отсутствующими или повторяющимися метатегами).
Однако о скрытых дефектах метатегов поисковые системы не рассказывают: продвигаемый сайт будет просто ранжироваться ниже конкурентов. Поэтому изучению метатегов и правил их заполнения стоит уделить особое внимание.
Тег
(название страницы)</p><p>Хотя <title>[19 - https://yandex.ru/support/webmaster/recommendations/ presentation.html] с технической точки зрения не метатег, а просто тег, он часто используется вместе с метатегом <description>, поэтому обсуждать его мы будем именно в этом разделе[20 - https://support.google.com/webmasters/answer/798127hbru].</p><p><title> многими исследователями считается чуть ли не вторым по важности фактором при ранжировании страницы (на первое место ставится текстовое наполнение). Такое утверждение спорно, однако тег точно нельзя недооценивать. Как правило, на его основе поисковая система формирует заголовок страницы, который пользователь видит на странице поисковой выдачи[21 - https://support.google.com/webmasters/answer/35624]. Именно от него во многом зависит, какую позицию займет страница и перейдет ли на нее пользователь.</p><p>При заполнении тега нужно придерживаться следующих рекомендаций:</p><p>1. <title> должен отражать содержимое страницы.</p><p>2. В теле тега <title> должно присутствовать точное вхождение основного запроса, под который оптимизирована страница. Также в него можно включить вхождения второстепенных запросов и полезную информацию для пользователей (бренд, отзывы, цена, скидки, телефон, сведения о доставке). При этом нужно избегать переоптимизации (чрезмерного употребления) по главным и второстепенным ключевым словам.</p><p>3. Ключевые слова лучше размещать ближе к началу заголовка. Это влияет как на позицию в выдаче, так и на CTR (на такой заголовок больше кликают).</p><p>4. Текст заголовка должен быть осмысленным и привлекательным для клика. Нужно помнить, что именно его видит пользователь в результатах выдачи.</p><p>5. Весь заголовок рекомендуется вмещать в 70 символов, так как есть вероятность, что большее количество текста пользователь просто не увидит из-за ограничений верстки на странице выдачи поисковых систем. Приблизительно это 1–2 небольших словосочетания. Ограничениями можно пренебречь, чтобы разместить действительно важную для пользователей информацию (есть вероятность, что поисковая система покажет эту часть заголовка при вводе пользователем соответствующего запроса). При этом нужно помнить, что чем больше слов в <title>, тем меньше вес у каждого слова, поэтому чем заголовок содержательнее и короче, тем лучше.</p><p>6. Необходимо проанализировать заголовки успешных конкурентов, которые уже присутствуют в выдаче по нужным ключевым словам. Это не только поможет определить оптимальную длину заголовка, но и подскажет, какую информацию стоит в нем разместить.</p><p>7. <title> должен быть уникальным для всех страниц в пределах одного сайта.</p><p>Для больших сайтов часто кажется слишком трудоемким заполнение тега заголовка для всех страниц в ручном режиме. Зачастую это иллюзорное впечатление: объем усилий оказывается не таким уж большим и с лихвой окупается полученным эффектом.</p><p>Но если ручной режим представляется нецелесообразным, можно сгенерировать метатеги по шаблону. Подробнее мы поговорим об этом ниже.</p><p>Метатег <description> (описание страницы)</p><p>Метатег <description>[22 - https://yandex.ru/support/webmaster/indexing-options/description.html] описывает содержимое веб-страницы. Он также очень важен, так как на его основе поисковые системы зачастую формируют сниппеты, и, следовательно, от его качества напрямую зависит популярность сайта.</p><p>? На заметку</p><p>Сниппет – это небольшой фрагмент текста, который мы видим на странице поисковой выдачи вместе со ссылкой на сайт. Сниппеты напрямую влияют на кликабельность, и их оптимизации посвящен отдельный раздел в этой книге.</p><p>При формировании содержимого метатега < description> необходимо выполнять следующие рекомендации:</p><p>1. В теле < description> должно присутствовать точное вхождение основного запроса, под который оптимизирована страница. Также в него можно включить: вхождения второстепенных запросов и полезную информацию для пользователей (бренд, отзывы, цена, скидки, телефон, инфо о доставке и прочее). При этом нужно избегать переоптимизации (чрезмерного употребления) по главным и второстепенным ключевым словам.</p><p>2. Текст должен содержать призыв к действию и быть привлекательным для клика.</p><p>3. Желательно делать основное содержимое < description > короче 160 символов. Но нужно учитывать, что количество символов, которые выводятся в сниппете на странице с результатами поиска, может в любой момент измениться. Поэтому текст описания может быть и более 160 символов. Главное, чтобы это была полезная и нужная для пользователей информация. 160 символов – это 2–4 небольших предложения. Допускается, когда эти предложения взяты из текста на странице (желательно из верхней его части). Это почти гарантированно приведет к тому, что сниппет будет формироваться поисковыми системами именно на основе содержимого <description>.</p><p>4. <description> должен присутствовать на всех страницах и быть уникальным в пределах сайта.</p><p>5. Хорошим приемом повышения кликабельности сайта на странице поисковой выдачи может быть вставка в описании специальных символов и значков (самолет, телефон, решетка и прочее). О том как это сделать, можно легко найти информацию в Сети.</p><p>Шаблонизация</p><p>Для больших веб-проектов актуальна проблема ручного заполнения метатегов на всех страницах. Этих страниц просто слишком много, хотя выше мы отмечали, что часто эта проблема надуманная: на заполнение метатегов понадобится не так уж много времени, а затраченные усилия с лихвой окупятся хорошими позициями в поисковых системах.</p><p>Но если вопрос стоит остро, на помощь придут автоматические скрипты и конкатенация.</p><p>? На заметку</p><p>Конкатенация – операция склеивания объектов линейной структуры, обычно строк. Например, конкатенация слов «микро» и «мир» даст слово «микромир»[23 - https://ru.wikipedia.org/wiki/KoHKaTeHau,Ha].</p><p>Заниматься написанием скриптов должны программисты, это технический вопрос. Важнее другой момент: как составить тексты для заголовков и описаний?<br></p></div>
<nav class="mb-3" aria-label="">
<ul class="pagination justify-content-center">
<li class="page-item"><a class="page-link" href="12960-poiskovoe-prodvizhenie-saitov" tabindex="-1"><i class="mdi mdi-chevron-left">Первая</i></a></li>
<li class="page-item"><a class="page-link" href="?page=2" tabindex="-1"><i class="mdi mdi-chevron-left">Предыдущая</i></a></li>
<li class="page-item active"><a class="page-link" href="?page=3">3<span class="sr-only"></span></a></li>
<li class="page-item"><a class="page-link" href="?page=4" tabindex="-1"><i class="mdi mdi-chevron-right">Следующая</i></a></li>
<li class="page-item"><a class="page-link" href="?page=13" tabindex="-1"><i class="mdi mdi-chevron-right">Последняя</i></a></li>
</ul>
</nav>
</div>
</div>
<div class="col-md-3 d-none d-md-block">
<div class="row p-3 text-center">
<div class="col-12">
<h3>Похожие книги</h3>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/27414-osnovy-seo-vvedenie-v-poiskovuiu-optimizatsiiu">Основы SEO. Введение в поисковую оптимизацию</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/27414-osnovy-seo-vvedenie-v-poiskovuiu-optimizatsiiu">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/27414.jpg" alt="Тимур Машнин Основы SEO. Введение в поисковую оптимизацию">
</a>
</div>
</div>
<div class="row text-center pt-3">
<div class="col-6">
<span class="material-icons md-18 red2">grade</span> 4,6
</div>
<div class="col-6">
<span class="material-icons md-18 orange2">group</span> 10
</div>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/53270-effektivnyi-tsifrovoi-marketing-dlia-biznesa">Эффективный цифровой маркетинг для бизнеса</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/53270-effektivnyi-tsifrovoi-marketing-dlia-biznesa">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/53270.jpg" alt="Юлия Гончаренко Эффективный цифровой маркетинг для бизнеса">
</a>
</div>
</div>
<div class="row text-center pt-3">
<div class="col-6">
<span class="material-icons md-18 red2">grade</span> 4,7
</div>
<div class="col-6">
<span class="material-icons md-18 orange2">group</span> 10
</div>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/75005-khochu-prodavat-onlain">Хочу продавать онлайн</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/75005-khochu-prodavat-onlain">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/75005.jpg" alt="Наталья Ивановна Легеза Хочу продавать онлайн">
</a>
</div>
</div>
<div class="row text-center pt-3">
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/89465-rukovodstvo-po-sozdaniiu-i-prodvizheniiu-saitov-s-razborom-koda-html-i-css">Руководство по созданию и продвижению сайтов с разбором кода HTML и CSS</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/89465-rukovodstvo-po-sozdaniiu-i-prodvizheniiu-saitov-s-razborom-koda-html-i-css">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/89465.jpg" alt="Сергей Павлович Дряхлов Руководство по созданию и продвижению сайтов с разбором кода HTML и CSS">
</a>
</div>
</div>
<div class="row text-center pt-3">
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/61919-vvedenie-v-veb-razrabotku-s-html-css-javascript">Введение в веб-разработку с HTML, CSS, JavaScript</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/61919-vvedenie-v-veb-razrabotku-s-html-css-javascript">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/61919.jpg" alt="Тимур Машнин Введение в веб-разработку с HTML, CSS, JavaScript">
</a>
</div>
</div>
<div class="row text-center pt-3">
<div class="col-6">
<span class="material-icons md-18 red2">grade</span> 4,6
</div>
<div class="col-6">
<span class="material-icons md-18 orange2">group</span> 10
</div>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/76908-veb-razrabotchik-legkii-vkhod-v-professiiu">Веб-разработчик. Легкий вход в профессию</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/76908-veb-razrabotchik-legkii-vkhod-v-professiiu">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/76908.jpg" alt="Роман Чернышов Веб-разработчик. Легкий вход в профессию">
</a>
</div>
</div>
<div class="row text-center pt-3">
<div class="col-6">
<span class="material-icons md-18 red2">grade</span> 4,3
</div>
<div class="col-6">
<span class="material-icons md-18 orange2">group</span> 10
</div>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/82371-onlain-prisutstvie-rukovodstvo-po-sozdaniiu-effektivnogo-veb-saita">Онлайн-Присутствие! Руководство по Созданию Эффективного Веб-Сайта</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/82371-onlain-prisutstvie-rukovodstvo-po-sozdaniiu-effektivnogo-veb-saita">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/82371.jpg" alt="Фарит Каюмов Онлайн-Присутствие! Руководство по Созданию Эффективного Веб-Сайта">
</a>
</div>
</div>
<div class="row text-center pt-3">
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/74475-kurs-obucheniia-razrabotka-saita-na-konstruktore-s-videourokami">Курс обучения РАЗРАБОТКА САЙТА НА КОНСТРУКТОРЕ с видеоуроками</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/74475-kurs-obucheniia-razrabotka-saita-na-konstruktore-s-videourokami">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/74475.jpg" alt="Ирина Никулина Курс обучения РАЗРАБОТКА САЙТА НА КОНСТРУКТОРЕ с видеоуроками">
</a>
</div>
</div>
<div class="row text-center pt-3">
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/21638-vy-poka-eshche-ne-znaete-js-poznakomtes-javascript-pdf-epub">{Вы пока еще не знаете JS} Познакомьтесь, JavaScript (pdf+epub)</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/21638-vy-poka-eshche-ne-znaete-js-poznakomtes-javascript-pdf-epub">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/21638.jpg" alt="Кайл Симпсон {Вы пока еще не знаете JS} Познакомьтесь, JavaScript (pdf+epub)">
</a>
</div>
</div>
<div class="row text-center pt-3">
<div class="col-6">
<span class="material-icons md-18 red2">grade</span> 4,6
</div>
<div class="col-6">
<span class="material-icons md-18 orange2">group</span> 10
</div>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/46426-seo-masterstvo-uspeshnogo-prodvizheniia-v-internete">SEO: Мастерство успешного продвижения в интернете</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/46426-seo-masterstvo-uspeshnogo-prodvizheniia-v-internete">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/46426.jpg" alt="Артем Демиденко SEO: Мастерство успешного продвижения в интернете">
</a>
</div>
</div>
<div class="row text-center pt-3">
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/18339-baidu-kak-kitaiskii-poiskovik-s-pomoshchiu-iskusstvennogo-intellekta-obygral-google">Baidu. Как китайский поисковик с помощью искусственного интеллекта обыграл Google</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/18339-baidu-kak-kitaiskii-poiskovik-s-pomoshchiu-iskusstvennogo-intellekta-obygral-google">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/18339.jpg" alt="Робин Ли Baidu. Как китайский поисковик с помощью искусственного интеллекта обыграл Google">
</a>
</div>
</div>
<div class="row text-center pt-3">
<div class="col-6">
<span class="material-icons md-18 red2">grade</span> 3,7
</div>
<div class="col-6">
<span class="material-icons md-18 orange2">group</span> 30
</div>
</div>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row text-center">
<div class="col-12">
<h3 class="card-title"><a href="/book/21637-vy-poka-eshche-ne-znaete-js-oblast-vidimosti-i-zamykaniia-pdf-epub">{Вы пока еще не знаете JS} Область видимости и замыкания (pdf+epub)</a></h3>
</div>
</div>
<div class="row text-center">
<div class="col-12">
<a href="/book/21637-vy-poka-eshche-ne-znaete-js-oblast-vidimosti-i-zamykaniia-pdf-epub">
<img class="rounded img-fluid" loading="lazy" src="/media/cover/21637.jpg" alt="Кайл Симпсон {Вы пока еще не знаете JS} Область видимости и замыкания (pdf+epub)">
</a>
</div>
</div>
<div class="row text-center pt-3">
</div>
<hr>
</div>
</div>
<div class="row sticky-top">
<div class="col-12">
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="reviews" role="tabpanel">
<div class="row">
<div class="col-12 blog-card">
<span itemscope itemtype="http://schema.org/Book">
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(25824434, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/25824434" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<section class="section-footer-padding footer bg-white">
<div class="container card-footer">
<div class="row">
<div class="col-lg-2 col-md-2">
<h5 class="mb-2"><a class="text-success logo" href="/"><i class="mdi mdi-home-map-marker"></i><strong>Humpty</strong></a></h5>
<span class="mb-0"><span class="text-info" href="#">admin@humpty.ru</span></span>
</div>
</div>
</div>
</section>
<section>
</section>
<section class="pt-4 pb-4 text-center">
<p class="mt-0 mb-0">Все книги на сайте предоставены для ознакомления и защищены авторским правом</p>
</section>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script defer src="/static/js/jquery-3.5.1.min.js"></script>
<script defer src="/static/js/popper.min.js"></script>
<script defer src="/static/js/bootstrap.min.js"></script>
<script defer src="https://cdn.adlook.me/js/rlf.js"></script>
</body>
</html> 