Оценить скорость загрузки помогут специальные сервисы. Самый популярный из них – Google PageSpeed Insights[10], по оценке которого нужно набирать 90+ баллов и для мобильной, и для десктопной версии сайта. Помогут и другие сервисы анализа скорости загрузки веб-ресурсов, ссылки на которые легко найти в Интернете.
Работу по ускорению сайта должен выполнять профессиональный программист, результаты работы которого необходимо проверить с помощью специальных веб-сервисов и данных веб-статистики. Для общей информации приведем некоторые рекомендации, которые могут помочь выполнить задачу:
1. Использовать кэш браузера [11].
2. Включить сжатие[12].
3. Удалить код JavaScript, препятствующий показу страницы[13].
4. Оптимизировать код CSS[14].
5. Сократить объем ресурсов (HTML, CSS и JavaScript)[15].
6. Оптимизировать изображения[16].
7. Оптимизировать время ответа сервера[17].
Перечисленные рекомендации подходят для всех вебплатформ, поэтому их можно реализовать в первую очередь.
Метатеги[18] (от англ. meta tags) – это html-теги, предназначенные для предоставления структурированных метаданных (дополнительных, сопроводительных данных) о веб-странице.
Метатегов очень много, но большинство из них для практического поискового продвижения бесполезны, поэтому в данном разделе мы рассмотрим только те теги, которые способны реально повлиять на позиции сайта в поисковых системах.
Для диагностики проблем с метатегами можно воспользоваться сервисами для веб-мастеров Яндекса и Гугла. В них представлена информация о проиндексированных страницах, и можно легко увидеть явные проблемы (например, разделы с отсутствующими или повторяющимися метатегами).
Однако о скрытых дефектах метатегов поисковые системы не рассказывают: продвигаемый сайт будет просто ранжироваться ниже конкурентов. Поэтому изучению метатегов и правил их заполнения стоит уделить особое внимание.
Тег (название страницы)</i></b></p><p>Хотя <title><a href="/reader/poiskovoe-prodvizhenie-saytov-anisimov/notes#n_19"type="note">[19]</a> с технической точки зрения не метатег, а просто тег, он часто используется вместе с метатегом <description>, поэтому обсуждать его мы будем именно в этом разделе<a href="/reader/poiskovoe-prodvizhenie-saytov-anisimov/notes#n_20"type="note">[20]</a>.</p><p><title> многими исследователями считается чуть ли не вторым по важности фактором при ранжировании страницы (на первое место ставится текстовое наполнение). Такое утверждение спорно, однако тег точно нельзя недооценивать. Как правило, на его основе поисковая система формирует заголовок страницы, который пользователь видит на странице поисковой выдачи<a href="/reader/poiskovoe-prodvizhenie-saytov-anisimov/notes#n_21"type="note">[21]</a>. Именно от него во многом зависит, какую позицию займет страница и перейдет ли на нее пользователь.</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></div></div>
</section>
<div class="pagination pagination_text pagination_text_bot">
<div class="page-nav__item">
<a rel="nofollow" href="/reader/poiskovoe-prodvizhenie-saytov-anisimov/7" class="pagination__item">Назад</a>
</div>
<div class="page-nav__group">
<input id="change-page" type="number" class="page-nav__control" pattern="\d+" min="1" max="32" data-route="/reader/poiskovoe-prodvizhenie-saytov-anisimov" value="8">
</div>
<div class="page-nav__item">
<a rel="nofollow" href="/reader/poiskovoe-prodvizhenie-saytov-anisimov/9" class="pagination__item">Вперед</a>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="container footer__inner">
<div class="footer__logo logo logo_footer">
<a class="logo__link" href="/">
<span class="logo__name">
SimplyBooks
<span class="logo__dot">In</span>
</span>
</a>
</div>
<nav class="footer__nav">
<ul class="footer-menu">
<li class="footer-menu__item"><a href="/new" class="footer-menu__link">Новинки</a></li>
<li class="footer-menu__item"><a href="/tag" class="footer-menu__link">Жанры</a></li>
<li class="footer-menu__item"><a href="/hello" class="footer-menu__link">Контакты</a></li>
</ul>
</nav>
</div>
</footer>
<div class="mobile-bar" id="mobileMenu">
<div class="mobile-bar__head">
<div class="mobile-bar__head-inner container">
<div class="mobile-bar__close">
<button class="mobile-bar__close-btn" id="menuClose"></button>
</div>
</div>
</div>
<div class="mobile-bar__body">
<div class="mobile-bar__body-inner container">
<ul class="mobile-menu">
<li class="mobile-menu__item"><a href="/new" class="mobile-menu__link">Новинки</a></li>
<li class="mobile-menu__item"><a href="/tag" class="mobile-menu__link">Жанры</a></li>
<li class="mobile-menu__item"><a href="/hello" class="mobile-menu__link">Контакты</a></li>
<li class="mobile-menu__item mobile-search">
<form action="/find" class="form mobile-search__form" method="get">
<div class="form__group form-group_inline">
<input placeholder="Поиск" type="search" value="" name="query" class="form__control mobile-search__input" required="required">
<button type="submit" class="mobile-search__submit search__btn">Найти</button>
</div>
</form>
</li>
</ul>
</div>
</div>
</div>
<script src="/build/runtime.5332280c.js" defer></script><script src="/build/site.01974e7b.js" defer></script>
<!-- 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();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
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.webvisor.org/metrika/tag_ww.js", "ym");
ym(97862865, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<!-- /Yandex.Metrika counter -->
</div>
</body>
</html>