Сышышь ты, выходи сюда,
поговорим!

SEO-верстка сайта: оптимизация html, css и js кода под поисковые системы

Опубликовано: 07.12.2017

видео SEO-верстка сайта: оптимизация html, css и js кода под поисковые системы

Урок 5: Как поисковый робот видит HTML-документы. Введение в SEO

Оптимизация js и css

Для начала разберемся из css и js. Для чего нужна оптимизация css и js?



Около 50% пользователей уходят из сайта, если он грузится больше 3 секунд и при каждой дополнительной секунде конверсия сайта падает на 7%. Также скорость загрузки сайта является одним из факторов ранжирования.

Первое из чего нужно начать, это послушаться рекомендаций Google. Css и js код не должен содержаться в html коде сайта, его нужно вынести в отдельные файлы. Исключением являются небольшие инлайновые стили с 1-2 значениями. Число подключаемых файлов нужно максимально уменьшить, в идеальном случае оставив по одному подключаемому css и js файле. Подключение файлов js следует перенести в конец страницы (перед отображением страницы, браузер должен выполнить ее синтаксический анализ и если при этом он обнаруживает внешний скрипт, он должен его загрузить, а это лишний цикл операций, который замедляет показ страницы.


SEO для разработчика сайта, SEO для верстальщика (Дмитрий Севальнев)

Также для ускорения загрузки js, css файлов и картинок желательно использовать кеширование и сжатие в формат GZIP.

SEO-верстка сайта: оптимизация html кода или как сверстать так, чтоб потом не переделывать

Для правильной будущей оптимизации html кода рассмотрим все теги и как они влияют на SEO.

Блок <head>:

<title> - указывает название страницы, которое размещается во вкладке браузера и в поисковых системах. Самый важный тег, в плане влияния на ранжирование сайта.

<description>- позволяет задать описание страницы, которое появляется в поисковой выдаче под названием. Имеет значительно меньшее влияние на ранжирование, но помогает повысить CTR (отношение числа кликов кчислу показов) страницы. Если мета-тег description заполнен, это не гарантирует, что в выдаче будет показано именното, что там написано, так как поисковые системы могут взять описание из контента. Но все же лучше настроить генерацию тега и не думать, какую часть текста ПС возьмут для описания.