Руководство по SEO: 10 шагов для успешного запуска сайта. Часть 1

7 шагов оптимизации после запуска нового сайта

SEO или оптимизация под поисковые системы – это продолжительный процесс, который редко дает мгновенный результат. Но первые шаги сразу после запуска сайта способны повлиять на его видимость в Google .

Если с самого начала все сделать правильно, то можно сэкономить уйму времени в дальнейшем, так как не придется исправлять сайт, при разработке которого никто не учитывал аспекты SEO . В этом вам поможет подборка советов по SEO оптимизации сайта самостоятельно пошаговая инструкция.

1. Структурируем сайт под целевые ключевые слова

Структура сайта имеет огромное влияние на его ранжирование. Чтобы преуспеть в поисковых системах по заданным ключевым словам, нужно соответствующим образом структурировать сайт. Каждая страница должна быть сосредоточена вокруг тесно связанных и максимально релевантных ключевых слов.

Предположим, что вы запускаете онлайн-магазин мужской обуви. Вам необходимо, чтобы каждый раздел сайта ранжировался по своим целевым ключевым словам, и привлекал посетителей, которых интересует определенный тип обуви.

Это значит, что структуру сайта следует разбить на категории, и каждая из них должна быть сосредоточена вокруг наиболее релевантных ей ключевиков. Ниже приводится пример структуры магазина, главная страница которого таргетирована на ключевую фразу “ Мужская обувь ”, а у каждой категории имеется собственное вторичное ключевое слово:

Мужская обувь: кожаные ботинки, мокасины, сандалии, теннисные кроссовки, спортивная обувь, повседневная обувь, кожаные туфли

Подобная структура имеет несколько преимуществ. Прежде всего, она дает четкое представление о вашем каталоге и распределяет ключевые слова для каждой страницы сайта.

Кроме этого такой подход при осуществлении SEO самостоятельно позволит в дальнейшем разбить каждую категорию на подкатегории. Например, если в магазине продают сразу несколько разных типов мужской кожаной обуви, то можно разделить категорию кожаной обуви на дополнительные подкатегории, заточенные под целевые ключевые слова:

Подготовка сайта к раскрутке (15 шагов)

Картинка: Кожаная обувь: Мужские кожаные Оксфорды, Мужские кожаные Броги, Мужские кожаные Лоферы, Мужская кожаная повседневная обувь, Мужская замшевая обувь

Такая структура позволяет таргетировать каждую страницу на отдельное основное ключевое слово, а также на набор вторичных ключевиков. Здесь для каждой страницы имеется собственный набор ключевых слов, что делает ее более релевантной и увеличивает потенциал привлечения органического поискового трафика.

Ключевые факторы, которые нужно учитывать при SEO оптимизации сайта самостоятельно:

• Убедитесь, что каждая страница сайта завязана на одном основном ключевом слове и нескольких вторичных ключевиках;
• Используя приведенные примеры, структурируйте ваш сайт таким образом, чтобы каждая страница была максимально релевантна и конкретна;
• Не пытайтесь оптимизировать отдельную страницу под большое количество ключевых слов. Лучше пусть будет несколько страниц, контент каждой из которых максимально релевантен, чем одна страница, освещающая сразу несколько разных тем.

2. На каждой странице должен быть качественный контент, оптимизированный под Google

Сегодня в мире SEO контент считается одним из важнейших факторов ранжирования. Перед тем, как удариться в оптимизацию, важно позаботиться о качестве контента.

Статистка показывает, что страницы, состоящие из 2000 и более слов, ранжируются в поиске Google лучше, чем страницы с поверхностным коротким содержимым. Конечно, на создание объемного хорошего контента требуется больше времени, но это точно даст положительный эффект.

Исследования показывают, что длинные подробные страницы чаще привлекают обратные ссылки. То есть, несмотря на увеличенные временные затраты и вложенные усилия, можно заполучить гораздо больше входящих ссылок для каждой страницы.

Попробуйте взглянуть на контент так, как если бы он был решением чьих-либо проблем. В качестве источника вдохновения попробуйте изучить пирамиду потребностей Маслоу . Если вы поможете кому-либо решить задачу или удовлетворите чьи-либо потребности, то это с большой вероятностью принесет вам обратные ссылки.

Оптимальное SEO продвижение сайта самостоятельно внутри страницы подразумевает случайное использование ключевых слов в контенте, но этим лучше не злоупотреблять. Алгоритмы Google достаточно умны, чтобы определить намеренное употребление ключевиков в тексте, и зачастую это приводит к штрафным санкциям от поисковика.

Ключевые слова лучше добавлять в подзаголовки, обрамленные тегами H1 и H2 . Длинные ключевики эффективно работают в подзаголовках H3 и H4 . После того как ваш материал будет готов, повторно проверьте естественность ключевых слов в его тексте.

• Старайтесь публиковать не менее 2000 слов на каждой странице, и используйте ключевые слова естественным образом, не переусердствуйте;
• Пользуйтесь тегами H1 , H2 , H3 и H4 для обрамления основных и вторичных ключевиков;
• Старайтесь отвечать на существующие вопросы, и помогайте посетителям решать их проблемы при помощи вашего материала.

3. Тег заголовка должен включать основной ключевой термин

Тег заголовка ( title ) – это текст, который Google будет выводить как заголовок вашей страницы в результатах выдачи. Также этот текст отображается в окне браузера пользователей. Важно, чтобы на всех страницах использовались заголовки, оптимизированные ключевыми словами.

При проведении SEO продвижения сайта самостоятельно следует учитывать, что хороший заголовок должен описывать содержимое страницы, и при этом включать в себя основное ключевое слово. Например, странице “ Мужские кожаные Оксфорды ” подойдет следующий заголовок:

“Мужские кожаные Оксфорды: смотреть каталог и купить онлайн”

Такой заголовок точно описывает содержимое страницы и сообщает пользователям, чего можно ожидать после того, как они кликнут по вашей ссылке в Google . Кроме этого в заголовке присутствует и целевое ключевое слово, причем в самом начале.

Взгляните на пример того, как приведенный выше тег заголовка на английском языке будет выглядеть в результатах поиска Google :

Ошибки оптимизации сайта

Ключевик находится в самом начале заголовка и привлекает внимание пользователей, а также сигнализирует Google , что страница полностью релевантна запросу. Так как наш сайт структурирован таким образом, что у каждой страницы есть свое ключевое слово, в данном случае ключевая фраза упоминается и в URL-адресе страницы.

Google обрезает заголовки, длина которых превышает 60 символов, так что старайтесь делать их короткими и точными. Кроме этого ключевые слова лучше располагать где-нибудь в начале заголовка.

Ключевые аспекты SEO продвижения самостоятельно:

• Начинайте заголовки с ключевых фраз, которые описывают то, что пользователи увидят на ваших страницах;
• Не пытайтесь специально наполнять заголовок ключевыми словами;
• Используйте основной ключевик один раз, а затем дополните его релевантной информацией о вашей странице;
• Заголовки должны быть короче 60 символов, тогда Google не будет обрезать их.

4. Используйте привлекательные целевые метаописания

Метаописание – это небольшой фрагмент информации, который отображается под заголовком и URL-адресом на странице поисковой выдачи Google . Важно, чтобы оно было релевантно содержимому каждой вашей страницы, и основывалось на ключевых словах.

Одна из причин этого заключается в том, что метаописание способно повлиять на показатель CTR ( количество переходов по ссылке ). С помощью метаописания можно мотивировать пользователя открыть именно ваш сайт, а не конкурирующий.

Ниже видно, как выглядит метаописание нашей страницы, посвященной мужским кожаным Оксфордам. Теперь пользователи лучше понимают, что они увидят на сайте, а значит можно эффективно повлиять на показатель переходов, упомянув, к примеру, бесплатную доставку:

Самостоятельно осуществить SEO продвижение можно. Для этого у каждой страницы сайта должно быть свое уникальное метаописание, в котором рассказывается о самой странице, что она может предложить. Если вы используете WordPress , то сможете быстро справиться с метаописаниями при помощи специальных плагинов наподобие Yoast SEO или SEO Ultimate .

Чтобы ввести заголовок и метаописание, прокрутите страницу ниже поля ввода контента и найдите область настроек SEO . Введите заголовок и описание в соответствующие поля:

• Убедитесь, что у каждой страницы вашего сайта имеется уникальный заголовок и метаописание;
• Не забудьте использовать ключевик в метаописании, но все должно быть естественно;
• Старайтесь мотивировать пользователей кликнуть по вашей ссылке, так как задача метаописания заключается как раз в том, чтобы “ продать ” ваш сайт целевой аудитории.

5. Настройте Google Analytics и добавьте сайт в Search Console

Google Analytics представляет собой бесплатный инструмент мониторинга, который позволяет отслеживать, как люди используют ваш сайт, а также помогает их находить:

С точки зрения SEO продвижения интернет магазина самостоятельно, Google Analytics – отличный инструмент, позволяющий выявить возможности дальнейшей оптимизации сайта под конкретные ключевые слова. Установка Google Analytics сразу после запуска сайта позволит получать статистические данные с самого начала и использовать их для оптимизации сайта в дальнейшем.

Процесс установки очень прост. Зайдите на официальный сайт сервиса и зарегистрируйтесь в системе, используя имеющийся аккаунт Google. Как только разберетесь с настройками Google Analytics , нужно встроить уникальный трекинг-код в ваш сайт.

Если вы пользуетесь WordPress , то этот код можно вставить при помощи плагина Yoast . Если же у вас статичный HTML-сайт , то код отслеживания нужно добавить на каждую страницу, руководствуясь инструкциями Google .

После того как Google Analytics настроен, пришло время добавить сайт в Search Console :

Search Console – это специальная платформа от Google для вебмастеров. Она предоставляет доступ к ценным данным о состоянии сайта в органическом поиске: от ключевых слов, по которым он ранжируется, до показателей CTR по каждому ключевому слову, количества просмотров и других ценных метрик.

Чтобы добавить сайт в Google Search Console , откройте главную страницу платформы. Так как ваш сайт уже привязан к аккаунту Google Analytics , вы сможете использовать Search Consol e без дополнительной настройки.

Ключевые аспекты SEO оптимизации самостоятельно:

• Использование Google Analytics и Search Console позволит получить дополнительную информацию о производительности сайта;
• Search Console может предоставлять актуальные данные о возможностях дальнейшей оптимизации вашего сайта под поисковые системы. Так что не забывайте проверять статистику.

6. Свяжитесь с друзьями или влиятельными представителями вашей ниши, и попробуйте получить обратные ссылки

Теперь перейдем к следующему этапу – наработке ссылочной массы. Можно начать с ваших личных связей: друзей, коллег или же влиятельных представителей ниши, в которой вы работаете. Попробуйте попросить их прорекламировать ваш сайт.

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

Наработка ссылочной массы – это медленный, последовательный процесс. Но его можно слегка ускорить, начав с собственного круга общения. Часто даже пара ссылок с дружеских сайтов могут помочь вам пробиться по каким-нибудь ключевым словам.

Один из наиболее эффективных способов наработки ссылочной массы заключается в гостевом постинге.

Ключевые аспекты SEO оптимизации сайта самостоятельно:

• Если у вас есть знакомые блогеры или владельцы сайтов, не стесняйтесь попросить у них прорекламировать ваш новый сайт;
• Не стоит беспокоиться о таких факторах, как оптимизация анкоров, так как на данном этапе важно собрать хоть какую-то базу обратных ссылок.

7. Разработайте долгосрочную стратегию, которая постоянно будет приносить результат

Оптимизация под поисковые системы – процесс очень долгий и сложный. Если вы хотите ранжироваться по конкурентным ключевым словам, то придется постоянно уделять внимание SEO-стратегиям и стараться достигать поставленных целей.

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

А вы готовы взяться за оптимизацию собственного сайта?

Если будете следовать советам по SEO продвижению сайта самостоятельно, приведенным в этой статье, то у вас есть все шансы на успех! Как только заметите приток трафика, начинайте постоянно отслеживать важные для сайта SEO-метрики , внедряйте новые методы и следите за их эффективностью.

Руководство по SEO: 10 шагов для успешного запуска сайта. Часть 1

Этот материал предназначен для тех, кто уже знает основы SEO и понимает, что сайт нужно постоянно оптимизировать. Это руководство состоит из 10 шагов, которые помогут сделать эффективнее ваш ресурс или отдельные страницы.

Так как материал получился довольно объемный, мы разделили его на две части. В этой статье будут первые четыре шага для оптимизации сайта:

• Ускорение запуска страниц
• Корректное отображение на разных устройствах;
• Подключение сайта к HTTPS;
• Подбор ключевых слов.

Вторую часть можно почитать по ссылке.Там вы найдете еще шесть этапов для улучшения вашего веб-сайта.

Шаг 1. Ускорение запуска страниц

Скорость открытия страницы — один из наиболее важных аспектов поисковой оптимизации. Люди хотят, чтобы сайты загружались быстро, поэтому Google продвигает такие ресурсы выше, чем те, что открываются медленно.

Пользователям нужна мгновенная загрузка, независимо от того, ищут они ответ на свой вопрос, хотят купить продукт или что-то еще. Если загрузка вашего сайта занимает несколько секунд, то есть большая вероятность, что пользователь закроет страницу и перейдет на другой ресурс.

Исследование Google показало, что, если время загрузки страницы увеличивается с 1 секунды до 10 секунд, то частота отказа пользователя увеличивается на 123%. Инструмент Google PageSpeed ​​Insights поможет понять вам, насколько быстро сайт открывается на различных устройствах. Инструмент также предоставляет список действий, которые помогут сделать работу ресурса быстрее.

Вот как выглядят результаты нашего сайта:

Как оптимизация скорости сайта влияет на конверсию

Коэффициент конверсии вашего веб-сайта — это процент пользователей, которые совершают нужное вам действие. Коэффициенты конверсии напрямую связаны с поведением пользователей, а скорость веб-сайта оказывает на него огромное влияние.

Как измерить коэффициент конверсии сайта

Допустим, вы управляете бизнесом электронной коммерции, который продает головные уборы. Для вас пользователь конвертируется, когда он заходит на ваш сайт и нажимает кнопку «Купить». Таким образом, коэффициент конверсии определяется количеством пользователей, которые совершили конверсию, по сравнению с общим числом посетителей вашего веб-сайта.

Вот простая формула для объяснения показателей конверсии:

Вы можете определить свой коэффициент конверсии на основе того, что вы считаете целевым действием. Например, конверсией может быть заполнение формы или оставление контактных данных. Если на вашу веб-страницу заходят 1 000 пользователей и 100 из них нажимают кнопку «Купить», коэффициент конверсии составит 10%. Именно здесь вступает в игру оптимизация коэффициента конверсии (CRO). Это непрерывный и развивающийся процесс. Общее количество конверсий не влияет на общий трафик страницы. Однако трафик страницы может влиять на коэффициент конверсии.

«Если у вас веб-сайт с сотнями коммерческих страниц, начните оптимизировать страницы, которые получают больше всего трафика. Как только вы выясните, что какие-то действия работают на ваших страницах с большим потоком трафика, используйте это на всех своих оставшихся страницах.

Ваши информационные страницы также могут быть оптимизированы похожим образом. Несмотря на то, что в них не так много коммерческих целей, вы все равно можете структурировать их для привлечения потенциальных клиентов», — Шаббир Нур, эксперт по электронной коммерции и бизнес-процессам

Как скорость сайта влияет на конверсию?

Существует прямая зависимость между скоростью сайта и конверсией. Чтобы в этом убедиться, можно провести A/B-тестирование.

Чем быстрее загружаются ваши веб-страницы, тем больше вероятность того, что пользователи выполнят целевое действие. По данным Portent, первые 5 секунд загрузки веб-страницы оказывают наибольшее влияние на коэффициент конверсии. То же исследование показало, что коэффициент конверсии падает в среднем на 4,42% с каждой дополнительной секундой загрузки в первые 5 секунд.

Есть множество примеров, когда скорость открытия страницы влияет на конверсию. Например:

• Mozilla Firefox увеличил количество загрузок на 15,4% после того, как сократил среднее время загрузки страницы на 2,2 секунды. Они получают поисковый трафик в 275 000 посетителей в день. Это около 10 миллионов дополнительных загрузок каждый год;
• По данным Walmart, конверсия резко снижается, когда время загрузки увеличивается с 1 секунды до 4. Тем не менее Walmart наблюдал увеличение конверсий на 2% за каждую секунду, на которую сайт открывался быстрее;
• У AutoAnything, розничного продавца автозапчастей, коэффициент конверсии увеличился на 9% после того, как они сократили время загрузки страницы на 50%. Они также заметили увеличение размера корзины и общих продаж.

Допустим, бизнес зарабатывает $1,2 миллиона в год. Повышение коэффициента конверсии на 1% приведет к дополнительным продажам на $12 000.

Как скорость сайта влияет на видимость SEO

Скорость загрузки страницы — прямой фактор ранжирования, который влияет на ваш общий рейтинг в Google. Это также оказывает заметное влияние на время сеанса и средний показатель отказов, что, в свою очередь, влияет при ранжировании сайта.

На скорость загрузки ресурса оказывает влияние:

• Структура сайта;
• Код веб-сайта;
• Производительность сервера;
• Интернет-провайдер пользователя;
• Тип подключения (проводное, Wi-Fi и так далее);
• Браузер (Chrome, Safari, Firefox, Edge и так далее);
• Устройство (компьютер, смартфон, планшет).

Скорость загрузки страницы стала фактором ранжирования поисковой системы для всех устройств после обновления Google Core Web Vitals в июне 2021 года. А для мобильного поиска скорость загрузки страниц стала важна в 2018 году.

Прямое влияние скорости загрузки на SEO

Когда в 2018 году Google сделал скорость страницы прямым фактором ранжирования для мобильного поиска, более 50% всего трафика веб-сайта поступало с мобильных устройств.

Это число с годами только росло. По данным Statista, 59% всех поисков в 2022 году совершаются с мобильных устройств. Это привело к тому, что сайты стали ориентировать на мобильный трафик, а владельцы стали сначала оптимизировать страницы под смартфоны, а потом уже под ПК.

Чтобы оптимизировать сайт под конкретных пользователей, важно отслеживать, откуда на него идет трафик.

Влияние скорости загрузки на пользовательский опыт

Google уделяет большое внимание пользовательскому опыту, и скорость загрузки страницы оказывает огромное влияние на этот критерий. Большинство пользователей избегают сайтов с длительной загрузкой, особенно когда есть альтернативы.

В среднем пользователи ожидают, что веб-страницы будут загружаться в течение 2 секунд. Еще в 2018 году Google обнаружил, что среднее время загрузки веб-страницы на мобильных устройствах составляет 15,3 секунды. С тех пор время загрузки значительно сократилось, но оно еще не достигает пользовательских стандартов. Каждая секунда задержки ухудшает пользовательский опыт, увеличивая число отказов. А это негативно влияет на взаимодействие с пользователем и показатели вовлеченности.

В 2020 году Agrofy обнаружил, что скорость загрузки их целевой страницы была довольно низкой. Это привело к снижению вовлеченности пользователей и увеличению числа отказов посетителей.

Они оптимизировали Core Web Vitals, чтобы повысить скорость страницы. Это привело к снижению процента отказов на 76%, а также к повышению вовлеченности пользователей.

Влияние скорости загрузки на лояльность клиентов

Низкая скорость загрузки приводит к снижению коэффициента конверсии и высокому отказу клиентов. Это также оказывает прямое влияние на SEO, а вероятность того, что пользователь повторно посетит ваш сайт после негативного опыта очень мала. Повторные визиты же влияют при ранжировании сайта.

Допустим, пользователь купил товар, но ваш сайт работал медленно. Есть большая вероятность, что пользователь не вернется на ваш сайт, чтобы совершить еще одну покупку. Это сводит к минимуму шансы получить лояльность клиентов, если у вас нет УТП.

Сами по себе продукты уже не могут обеспечить лояльность потребителей. Deloitte разработала подробный отчет под названием «Миллисекунды приносят миллионы», в котором рассказывается о влиянии скорости страницы на лояльность.

В отчете представлены результаты опроса о влиянии скорости на продажи:

В отчете также представлены результаты исследования поведения клиентов:

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

Как низкая скорость загрузки влияет на потерю органического трафика

Плохая скорость загрузки сайта приводит к более низкому рейтингу на страницах результатов поисковых систем (SERP). А это означает меньший органический трафик. Из-за длительного времени загрузки вы теряете значительная его часть. Согласно кейсу, представленному Search Engine Land, если ваш сайт не оптимизирован для мобильных устройств, теряется более 50% потенциального органического трафика. Пример ниже показывает, как редизайн ресурса помог увеличить органику:

Идеальная скорость для SEO

По данным Google и нескольких тематических исследований, вам нужно, чтобы время загрузки страницы составляло 3 секунды или меньше. Для мобильных устройств оно должно быть равно 2 секундам.

Это время загрузки может показаться нереальным. Но ваша задача — обеспечить лучший показатель, чем у конкурентов в любой момент времени.

Требовательность к загрузке зависит еще и от типа сайта. У вас есть интернет-магазин — ваши пользователи будут ожидать еще более быстрой загрузки, чем у информационных сайтов.

Имейте в виду, что снижение скорости страницы — это итеративный процесс, требующий постоянной работы. Но вы не должны жертвовать визуальными элементами, которые ценны для вашего бренда, ради повышения скорости. Вы должны найти баланс, при котором сохраните внешний вид веб-сайта, а также улучшите скорость страницы.

10 способов ускорить время загрузки страниц сайта

Мы собрали 10 способов, с помощью которых вы можете ускорить работу своего веб-сайта без значительных усилий.

1. Купите хороший хостинг

Хороший хостинг может значительно повлиять на скорость, производительность и удобство вашего сайта. Но многие люди не понимают, насколько важно выбрать хороший хостинг и используют первые попавшиеся.

Крайне важно использовать надежные, ориентированные на производительность хостинг-провайдеры, которые предназначены для обеспечения максимальной скорости.

Как правило, у пользователей есть три варианта на выбор:

• Виртуальный хостинг — один из самых дешевых вариантов. Он рекомендуется только для сайтов с низким потоком трафика. Поскольку сервер использует общие с другими сайтами ресурсы, такие как ОЗУ, ЦП и дисковое пространство. Вы можете рассмотреть такие варианты, как DreamHost или A2 Hosting;
• VPS. При аренде VPS, несмотря на то, что сервер используется совместно с другими веб-сайтами, существуют выделенные серверы. Это делает VPS неплохим вариантом;
• Выделенный хостинг. Если вам требуется много места, и вы хотите иметь полный контроль над своим сайтом, следует использовать выделенный сервер. Особенно, если сайт имеет огромное количество трафика.

«Есть и четвертый вариант, который заключается в использовании современных поставщиков хостинга с поддержкой Edge, например, у Netlify и Vercel. Благодаря этим службам веб-страницы создаются в бессерверной среде и кэшируются на периферии.

Shopify, BigCommerce или WordPress используют традиционную модель хостинга, в которой HTML генерируется сервером. При переключении на хостинг с поддержкой Edge вам понадобится платформа, которая может поддерживать этот тип среды.

Популярные фреймворки — Nextjs, Nuxt, SvelteKit или Gatsby. Если вы используете WordPress, можно подключить Strattic, который сможет генерировать эти страницы из WordPress без необходимости изменения архитектуры.

Благодаря этому решению вы получаете быстрый хостинг, а также возможность масштабировать свой сайт без необходимости управлять ресурсами или выделять их», — Майкл Рисполи, технический директор

2. Используйте CDN

CDN — это группа серверов, которые распределены географически, но работают вместе для обеспечения быстрой загрузки страницсайта. Ниже диаграмма скорости работы четырех ведущих CDN: ArvanCloud, AWS CloudFront CDN, Cloudflare CDN и Google Cloud CDN:

Использование CDN значительно сокращает время загрузки страницы, поскольку загружает контент с серверов, которые географически ближе к пользователю. Это позволяет быстрее отображать видео, изображения, таблицы стилей и HTML-страницы.

Также CDN улучшает время загрузки страницы, что значительно снижает показатель отказов. Люди привыкли к тому, что веб-страницы загружаются почти мгновенно, даже на мобильных устройствах. Поэтому, если ваш веб-сайт работает медленно, пользователи будут нажимать кнопку «Назад», чтобы увидеть, загружается ли ресурс вашего конкурента быстрее.

При использовании CDN сетевой трафик распределяется по нагрузке, поэтому пропускные затраты снижаются. По сути, CDN помогает вам кэшировать сайт в глобальной сети серверов. Когда пользователь отправляет запрос через свой браузер, CDN направляет его на ближайший возможный сервер.

Например, если ваш основной сервер расположен в Калифорнии, то вот как может выглядеть сеть:

Пользователь из любой части мира будет перенаправлен на ближайший к нему сервер. VentureHarbor провели эксперимент и зафиксировали сокращение времени загрузки в диапазоне от 20% до 51%:

3. Правильно масштабируйте изображения и видео

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

Многие веб-страницы содержат изображения, размер файла которых намного больше необходимого. Не обязательно, чтобы картинка была очень высокого разрешения. Поскольку пользователи будут просматривать ее на мобильных устройствах или компьютерах с относительно небольшими экранами, а не на гигантских электронных рекламных щитах.

Оптимизация изображения — это изменение его размера до минимально возможного без заметного снижения качества. Существует множество инструментов и плагинов для оптимизации картинок. Их можно использовать для автоматического сжатия без потери исходного качества.

Чтобы обеспечить оптимальную производительность сайта, ваши изображения должны быть настолько большими, насколько это необходимо для заполнения их «контейнеров». Все зависит от макета страницы.

Вы можете определить размеры с помощью специального расширения. Как правило, для полноразмерных слайд-шоу оптимальная ширина от 2 500px до 2 560px. Это стандартная ширина разрешения для 27-дюймовых и 30-дюймовых мониторов. Для галерей измените размер изображений в диапазоне от 1 500px до 2 000px, чтобы они подходили для планшетов и настольных компьютеров.

Портретные или вертикальные картинки могут быть еще меньше. Например, оптимальной высотой считается 1 200px. 800 × 1 200px для вертикального изображения 2:3 или 900 × 1 200px для 3:4.

Помните и о типе файла, который вы используете для своих изображений. Этот аспект часто упускают из виду, но он влияет на размер файла и, следовательно, на скорость его загрузки. Для изображений предпочтительными форматами являются WebP и JPG. WebP обеспечивает превосходное сжатие с потерями и без них. Изображения WebP без потерь на 26% меньше по размеру по сравнению с PNG, а WebP с потерями на 25-34% меньше, чем JPEG. JPG имеют сравнительно меньшие размеры из-за снижения качества. Это незаметно для пользователей, но ускорит время загрузки страницы.

Для ярких и четких картинок, например, логотипов, лучше всего подходит формат PNG. GIF подойдет для простой графики и анимированных изображений. Но никогда не используйте большие GIF-файлы на своем сайте, так как это значительно снизит скорость загрузки вашей страницы.

4. Объединяйте изображения в спрайты CSS

Большинство сайтов используют несколько различных изображений, пунктов меню, значков и небольших картинокв качестве фона. Хотя все они могут улучшить общий вид веб-сайта, они влияют и на скорость загрузки страницы.

Если ваш ресурс должен загружать много изображений, то можем посоветовать вам использование спрайтов CSS. Это поможет странице открываться быстрее. Спрайт-изображение, или спрайт CSS — объединение множества мелких картинокв одну.

Оно помогает сократить количество HTTP-запросов. В результате это увеличивает скорость и производительность вашего сайта.

Например, ниже приведено изображение спрайта из генератора Toptal, где несколько небольших картинокслева были объединены в одно одну:

Чтобы отобразить одно изображение из объединенного большого, вы можете использовать свойство CSS-Background-Position. Оно поможет определить точную позицию картинки. Давайте рассмотрим на простом примере. Ниже представлено одно изображение с тремя разными сегментами:

Используя CSS Sprites вместо отображения трех картинокспрайта, вы можете отобразить только ту часть, которая вам нужна. В этом случае предположим, нужно отобразить домик.

Для этого используем следующий CSS-код:

#home

width: 46px;

height: 44px;

background: url(img_navsprites.gif) 0 0;

>

В приведенном примере мы берем «img_navscriptes.gif», который состоит из 3 отдельных значков, и включаем отображение значка «Домой» с помощью CSS.

Здесь определяется часть изображений, которые будут использоваться. В данном случае часть Home Icon.

Это определяет фоновое изображение и положение, соответственно. 0 пикселей слева, 0 пикселей сверху:

background: url(img_navsprites.gif) 0 0;

Определив свойства ширины и высоты, можно выбрать, какой сегмент изображения нужно отобразить. Например, если изменить:

И настроить фон, как показано ниже:

background: url(img_navsprites.gif) -91px 0;

То на экране появится стрелочка вправо:

Уменьшение количества HTTP-запросов оказывает существенное влияние на скорость загрузки вашего сайта.

Для создания CSS-спрайтов есть бесплатные онлайн-инструменты:

• Генератор спрайтов CSS;
• TopTal CSS Sprites Generator;
• Создатель CSS-спрайтов.

Использование одного спрайта CSS повысит эффективность страницы и сократит время ее загрузки. Впоследствии происходит кэширование только одного файла, а не нескольких, что опять же снижает нагрузку на сайт.

5. Сжимайте контент и используйте загрузку по требованию

Отложенная загрузка, или загрузка по требованию — популярный метод оптимизации скорости веб-страницы. Вместо массовой загрузки всей страницы и отображения ее за один раз загружается только необходимый раздел, который нужен пользователю. Загрузка остальных разделов откладывается до тех пор, пока они не потребуются.

Массовая загрузка может привести к перегрузке сервера. Когда загружаем только используемый раздел, страница загружается быстрее в несколько раз.

Lazyload — довольно простой плагин, работающий с использованием jQuery.sonar. Вам просто нужно скачать, установить и активировать его для работы. Плагин будет работать автоматически, загружая только те изображения, которые видны пользователю в его браузере.

BJ Lazy Load — еще один плагин, который довольно прост в работе. Он позволяет вам выбирать контент на сайте, который вы хотите загружать отложенно. Сюда входят изображения, Gravatar и многое другое.

Также этот плагин позволит вам установить стандартное изображение-заполнитель для содержимого, которое еще не загружено, пропуская изображения с определенными классами. Если вы не хотите, чтобы определенное изображение загружалось отложенно, можете использовать простой код:

WP Rocket — один из лучших инструментов для отложенной загрузки контента. Если вы уже используете это для кэширования WordPress, вы можете применятьэтот плагин, чтобы легко активировать отложенную загрузку.

Сделать это очень просто:

1. Откройте настройки в WP Rocket;
2. Нажмите «Основные»;
3. Установите флажок «Enable for images».

Отложенная загрузка показывает замечательные результаты с точки зрения повышения скорости и производительности веб-сайта. Например, если публикация в блоге содержит 25 изображений, браузеру придется сначала выполнить громоздкий процесс загрузки всех этих картинок, прежде чем отображать что-либо на странице.

При отложенной загрузке браузер сначала отобразит содержимое, которое находится в поле зрения, а затем загрузит остальные 25 изображений.

6. Используйте кеширование браузера

Когда вы посещаете веб-сайт, кэш браузера сохраняет HTML и изображения, которые необходимы для просмотра веб-сайта. Эта информация временно хранится на жестком диске пользователя. Поэтому при повторном посещении страницы ее не нужно сновазагружать с сервера. Это ускоряет загрузку страницы и улучшает взаимодействие с пользователем. А значит повышает позицию сайта при ранжировании.

Чтобы просмотреть сведения о кэшировании вашего сайта в браузере, вы можете использовать инструменты разработчика. Для разных браузеров могут быть небольшие различия в интерфейсе. Например, расположение инструмента разработчика справа или снизу, но все шаги одинаковы.

Откройте свой веб-сайт в любом браузере, щелкните правой кнопкой мыши в любом месте страницы и нажмите на пункт «Inspect».

Теперь перейдите на вкладку «Network» и обновите страницу, чтобы перезагрузить HTTP. Нажмите на верхний HTTP-запрос, затем перейдите на вкладку «Headers».

После вы увидите заголовки cache-control и cf-cache-status. Они показывают, что на вашем веб-сайте включено кэширование браузера.

Продолжительность времени, в течение которого информация остается в кэше, зависит от того, как часто посетитель веб-сайта использует свой браузер. Повторная загрузка всей информации с сервера каждый раз, когда пользователь нажимает на определенную страницу, потребляет большую часть времени в момент загрузки. Особенно если у вас есть достаточно много трафика.

Пользователи, заходящие на сайт с мобильных устройств, уже имеют ограниченную пропускную способность. Правильно кэшированный веб-сайт обеспечивает меньшее потребление данных и более высокую производительность. Это позволяет посетителям с легкостью перемещаться по страницам и не ждать долгой загрузки.

7. Проверьте свои плагины

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

Вот некоторые из плагинов, которые можно использовать для оптимизации интернет-магазина:

• Панель доставки от Hextom. Этот плагин помогает подключить настраиваемую панель и корректировать ваши сообщения по мере того, как клиенты помещают все больше и больше товаров в свои корзины;
• Returnly: Возврат и обмен. Returnly облегчает процесс возврата. Это позволяет клиентам купить другой продукт, используя кредит магазина, прежде, чем товар будет отправлен обратно. Это улучшает продажи и лояльность;
• Wishlist Plus. Этот плагин позволяет клиентам добавлять в закладки любимые продукты. Они могут продолжить изучать каталог с того места, на котором остановились, когда вернутся обратно на сайт. Это помогает с плавной навигацией при совершении покупок.

У этих плагинов есть и обратная сторона. Установка слишком большого количества плагинов на веб-сайте может вызвать проблемы. Например, замедление работы ресурса, ослабление безопасности или даже сбой. Важно регулярно оценивать все плагины, чтобы любые неправильно настроенные, устаревшие, неиспользуемые или неэффективные были идентифицированы и удалены.

Query Monitor — решение для WordPress, которое вы можете использовать для оценки своих установленных плагинов.

Удаление или деактивация любых ненужных плагинов может существенно повысить скорость вашего сайта и упростить его обслуживание.

Есть два способа оценить плагины и удалить те, которые замедляют скорость работы ресурса:

• Отключите выборочные плагины и проверьте производительность вашего сайта. Это может быть долгим и сложным процессом для ресурсов с большим количеством плагинов. Но так вы сможете оценить влияние каждого из них на скорость загрузки. Для этого сначала запустите тест скорости со всеми включенными плагинами, затем деактивируйте плагины один за другим и проверьте скорость своего сайта;
• Используйте плагин, чтобы определить, какие плагины замедляют работу вашего сайта. Это гораздо более простой и быстрый вариант, чем ручная проверка каждого плагина. Один из таких инструментов — P3 (Plugin Performance Profiler) для WordPress. Он поможет определить, какие плагины замедляют работу ресурса.

Также вы можете использовать плагин, чтобы отслеживать результаты сканирования производительности. Вот некоторые из вариантов для оптимизации WordPress:

• WP Activity Log;
• Sucuri Security;
• Activity Log;
• Simple History.

И вот некоторые из плагинов для Shopify:

Одна из наиболее распространенных проблем с плагинами заключается в том, что когда вы удаляете плагин с помощью кнопки удаления, вы не удаляете весь код. Часть кода хранится в базе вашего сайта и это снижает производительность и скорость загрузки страниц.

Есть два способа удаления плагинов: вручную и через SFTP. Чтобы удалить плагины вручную:

Перейдите в раздел «Installed Plugins» на панели инструментов и просто нажмите на пункт «Deactivate» рядом с плагином:

После деактивации нажмите пункт «Delete»:

Для удаления плагинов через SFTP подключите свой сайт WordPress через SFTP. Затем перейдите в папку «Плагины» и просто удалите всю папку плагинов с вашего сервера.

Распространенные проблемы при удалении плагинов

Плагины WordPress хранят данные в базе. Всякий раз, когда вы удаляете плагин с помощью описанных выше методов, оноставляет после себя строки и таблицы в вашей базе данных. С течением времени данные накапливаются и в конечном итоге замедляют работу сайта.

Один из наиболее эффективных способов удалить этот код — плагин Advanced Database Cleaner. Он полностью сканирует базу данных на WordPress и позволяет вам удалить потерянные таблицы и строки. Вы можете очистить таблицы и строки вручную с помощью phpMyAdmin.

8. Минимизируйте HTTP-запросы и включите поддержку активности

Каждый раз, когда пользователь посещает ваш сайт, браузер отправляет запросы на получение большого количества файлов. Большая часть времени загрузки тратится именно на загрузку различных частей страницы. Например, на скрипты, таблицы, стили и изображения.

Эти HTTP-запросы отвечают за то, насколько быстро или медленно будет загружаться ваша веб-страница. Если сайт должен делать много HTTP-запросов, это снизит скорость его загрузки.

Вы можете значительно улучшить общую производительность ресурса, уменьшив число HTTP-запросов. Ваша цель заключается в том, чтобы количество этих запросов было как можно меньше. Вы можете проверить скорость своего веб-сайта с помощью GTMetrix. Среди прочих параметров сервис предоставляет подробный отчет о скорости вашей страницы, соответствующей числу HTTP-запросов.

Очистите медиатеку, удалив ненужные изображения, встроенные видео и сторонние плагины для социальных сетей. Затем создайте резервную копию своего веб-сайта. После этого объедините файлы HTML, CSS и JavaScript в один файл JS или CSS.

Имейте в виду, что размещение файла играет большую роль в скорости выполнения запроса. Поэтому CSS-файлы, связанные с дизайном и интерфейсом, следует размещать вверху страницы.

JavaScript следует размещать внизу, прямо над телом страницы. Keepalive — еще один полезный плагин для повышения скорости вашего сайта. Вы можете использовать несколько инструментов, чтобы проверить скорость загрузки. Например, средство проверки заголовков HTTP сообщит вам, включена ли поддержка активности HTTP.

Когда HTTP keep-alive включен, клиент и сервер соглашаются держать соединение открытым для будущих запросов или ответов. Обычно после транзакций данных HTTP-соединения закрываются. Клиенту потребуется создать новое соединение для дальнейших запросов. А если сервер имеет несколько одновременных HTTP-запросов и один файл для каждого нового TCP-соединения, скорость загрузки страницы сайта снижается.

Именно здесь в дело вступает Keepalive, чтобы установить ограничение на количество новых подключений. Это позволяет пользователю загружать весь контент, например, изображения, видео, JavaScript и CSS, через одно TCP-соединение.

Shopify, Squarespace и Wix по умолчанию включили поддержку активности, поэтому их пользователям не нужно беспокоиться о ее включении. Но, если ваш веб-сайт размещен на WordPress, необходимо подтвердить, включена ли поддержка активности для ресурса. Чтобы легко включить его:

1. Создайте или отредактируйте файл .htcaccess в корневом каталоге документов вашего веб-сайта;
2. Используйте код:

Header set Connection keep-alive

1. Сохраните изменения, сделанные в файле .htcaccess, и ваше постоянное соединение будет включено.

Это помогает сократить использование памяти и ЦП, повысить производительность SSL и TLS и увеличить общую скорость веб-сайта.

9. Максимально ограничьте редиректы

Редиректы могут быть источником замедления. Подумайте об этом, когда бронируете рейс в какой-либо пункт назначения, вы бы предпочли прямой рейс или с пересадкой? Конечно, большинство людей выберет первый вариант, потому что вы быстрее доберетесь до места назначения. Можно сказать, что редиректы — это соединения в стыковочном рейсе.

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

Неважно, будет ли это одно соединение или несколько, редиректы замедляют загрузку.

Вот как вы можете максимально ограничить редирект на своем сайте:

• Никогда не включайте переадресацию на страницу, на которой уже есть редирект. Множественные перенаправления приведут к медленной загрузке страницы;
• Будьте осторожны при выборе плагинов, так как они часто сопровождаются ненужными редиректами;
• Проверьте свою страницу на наличие устаревших редиректов и удалите их;
• Используйте плагины перенаправления для предупреждений о любых незавершенных делах, а также о новых перенаправлениях и ошибках 404.

Все эти действия в совокупности помогут оптимизировать скорость вашего сайта с минимальным количеством переадресаций. И посетители сайта быть довольны.

10. Минимизируйте свой код

Когда вы минимизируете коды HTML, CSS и JavaScript, вы удаляете избыточные данные, не изменяя при этом способ их чтения браузером. Все, что вам нужно сделать, это удалить неиспользуемый код, использовать более короткие имена функций и переменных, выполнить форматирование кода, чтобы он был простым. Этот процесс уменьшает размер ваших ресурсов и значительно повышает скорость загрузки страницы. Вы можете использовать бесплатную программу проверки качества страницы Google от Cloudways.

Предположим, что вы планируете поездку. Вы решаете избежать более длинного маршрута и уменьшить количество остановок. Это позволяет быстрее добраться до места назначения, устраняя ненужные задержки, минуя зоны с интенсивным движением и избегая объездов. Сжатие изображений и минимизация кода HTML и CSS имеют аналогичный принцип работы. Минимизация кода помогает ускорить ваш сайт и сократить время анализа. Это упрощает серверу процесс интерпретации символов в коде HTML и CSS на веб-сайте.

Пользователям Wix не нужно беспокоиться о минимизации кода, так как она включена для них по умолчанию. Тем не менее, для пользователей Shopify и WordPress есть множество инструментов, которые помогут минимизировать код без каких-либо хлопот. Вот некоторые из них для JS и CSS:

• Плагин для минификации кода Visual Studio — Minify или JS & CSS Minifier;
• Плагин для минимизации кода Shopify – MinifyMe;
• Минификаторы CSS и JS для WordPress — Toptal JS Minifier и Toptal CSS Minifier, а также JS Compress и Clean CSS.

Например, изображение ниже было получено с помощью минификатора кода Toptal для CSS:

Эти, казалось бы, небольшие изменения имеют огромное значение, когда дело доходит до оптимизации скорости вашего сайта. Минификация кода работает по очень простому принципу: чем меньше кода нужно обработать, тем выше скорость загрузки страницы.

Скорость работы веб-сайта повышается, поскольку файлы меньшего размера потребляют меньше ресурсов для:

• Получения и сжатия на родительском сервере.
• Доставить клиенту.
• Скачать через браузер.

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

Шаг 2. Корректное отображение на разных устройствах

Посетители веб-сайта ожидают плавного и приятного скроллинга, независимо от того, используют они настольный компьютер, ноутбук или мобильное устройство. То, как выглядит ваш ресурс, и его удобство для пользователей на всех устройствах может оказать огромное влияние на прибыль. Раньше с этим не было таких проблем как сейчас. Все, что вам нужно было сделать, это оптимизировать веб-сайт с разрешением 1024 × 768px, запустить несколько тестов в разных браузерах, и все готово.

Однако сегодня все по-другому. Существует множество различных устройств, которые будут использовать ваши посетители, и у них разное оптимальное разрешение.

Вот 5 вещей, которые вы можете сделать, чтобы ваш сайт отлично выглядел на всех устройствах и в любых браузерах:

1. Используйте адаптивный макет

Адаптивный макет позволяет веб-сайту автоматически масштабироваться в соответствии с устройством, используемым для его просмотра.

Адаптивный веб-дизайн одинаково хорошо работает как на настольных, так и на мобильных платформах. Когда вы разрабатываете веб-сайт, запустите быстрый тест с помощью BrowserStack Responsive. Просто введите URL-адрес веб-сайта, и инструмент покажет, как ресурс будет выглядеть на различных устройствах.

2. Приведите в порядок свой веб-дизайн

При разработке веб-сайта вы должны избегать соблазна размещать каждую функцию на одной странице. Это приводит к путанице, а слишком большое количество элементов затрудняет прокрутку страниц.

Поэтому сосредоточьтесь на том, чтобы заранее использовать только самые важные функции. Дизайнеры должны сделать максимально удобный пользовательский интерфейс и отдавать приоритет аккуратному, лаконичному дизайну, который легко просматривать на всех устройствах и в любых браузерах.

3. Избегайте использования Flash

Использование Flash на вашем веб-сайте — это не только ошибка для SEO, но и замедление загрузки страницы. Что еще более важно, популярные браузеры, такие как Chrome и Firefox, вообще не поддерживают Adobe Flash Player.

Flash устарел. Если ваш веб-сайт был создан несколько лет назад или на нем есть компоненты, использующие Flash, пришло время отказаться от этой технологии и заменить ее надежным веб-дизайном.

4. Добавьте метатег области просмотра

Область просмотра браузера — это область окна, в которой вы видите веб-контент. Часто размер этой области просмотра отличается от размера исходной страницы, и браузер предоставляет дополнительные полосы прокрутки, чтобы пользователь мог получить доступ ко всему содержимому.

Включение метатега области просмотра позволяет разработчикам контролировать ширину и масштабирование этой области. Так размер веб-сайта будет соответствовать всем устройствам. При включении метатега области просмотра контент будет автоматически подстраиваться под мобильный телефон, планшет, ноутбук или настольный компьютер пользователя.

5. Избегайте ненужных всплывающих окон и сторонних скриптов

Всплывающие окна веб-сайта отталкивают посетителей. Особенно когда они заходят на веб-сайт с устройства с маленьким экраном.

Навязчивая всплывающая реклама может быть основной причиной плохой работы веб-сайта. Эти всплывающие окна могут легко отвлекать пользователей, вызывать сбои и в некоторых случаях ссылаться на вредоносное ПО. К счастью, есть способ избавиться от этой нежелательной рекламы. Чтобы всплывающие окна не мешали работе мобильных пользователей, запускайте их для просмотра на рабочем столе только с помощью простого кода реакции.

«В Exploding Topics мы не используем некоторые сторонние интеграции на мобильных устройствах. Например, всплывающее окно выхода срабатывает только на рабочем столе.

Чтобы избежать полной загрузки OM-скрипта на мобильном телефоне, мы используем простой код React. Мы также применяем setTimeout 2,5 для загрузки сценария рабочего стола.

И вообще, для других сторонних скриптов, которые необходимы только на определенных страницах (например, управление подпиской на учетную запись пользователя), мы используем загрузку только на компонент страницы учетной записи, а не на весь сайт. Таким образом, сценарии этих интеграций не замедляют обычных пользователей», — Брайан Дин, соучредитель и генеральный директор Exploding Topics

Вот код, который Брайан советует использовать:

Отказ от ненужных всплывающих окон и сторонних скриптов поможет вашему веб-сайту обеспечить бесперебойную работу на всех устройствах и в любых браузерах.

Шаг 3. Подключение сайта к HTTPS

Каждые 39 секунд хакеры атакюет веб-сайты по всему миру, поэтому нужно позаботиться о безопасности заранее. Защитите свой веб-сайт с помощью HTTPS. Протокол передачи гипертекста (HTTPS) более безопасен, чем HTTP. Веб-сайты, использующие HTTP, гораздо более уязвимы и чаще подвержены утечке данных.

Безопасность ресурса больше не роскошь, а необходимость. Использование заголовка ответа Strict-Transport-Security (HSTS) сдерживает HTTP-запросы. Чтобы убедиться, работает ли заголовок ответа Strict-Transport-Security на вашем сайте, просто проверьте его с помощью Google Chrome DevTools. Для этого откройте ресурс в браузере, щелкните правой кнопкой мыши в любом месте веб-сайта и нажмите на пункт «Inspect».

Нажмите на вкладку «Network» и затем «Headers».

Просмотрите заголовок Strict-Transport-Security. Здесь его значение установлено на max-age: 31536000.

Это означает, что политика HSTS применяется к доменам выдачи хоста HSTS и действует в течение одного года. Значение директивы max-age должно быть больше 120 дней (10368000 секунд) и в идеале равняться одному году. Есть шесть причин, по которым ваш сайт должен быть защищен с помощью HTTPS.

Данные шифруются при передаче

Одно из самых больших преимуществ защиты с помощью HTTPS — шифрование данных. Данные, проходящие через HTTPS, всегда шифруются. Это снижает риск перехвата и потенциальных утечек. Поскольку информация надежно защищена и зашифрована, хакеры практически не имеют возможности использовать информацию не по назначению.

Сайт становится более надежным

Только ресурсы, защищенные по HTTPS, имеют символ замка в адресной строке. Это признак надежности веб-сайта, особенно если на странице осуществляются транзакции.

Улучшенный пользовательский интерфейс

Google Chrome и Firefox, используют индикаторы, которые показывают, является веб-сайт безопасным или нет. И пользователи по всему миру это заметят.

Многие пользователи отказались бы от посещения сайта, если бы это не было безопасным.

Видимость в поисковых системах

Сайты, защищенные с помощью HTTPS, предпочтительнее для поисковой системы Google и других. Ресурсы, которые имеют дело с именами пользователей, паролями и особенно денежными переводами, должны выбирать HTTPS вместо HTTP.

Шаг 4. Подбор ключевых слов

Ключевые слова — один из наиболее важных аспектов SEO для вашего сайта. Именно так поисковые роботы Google узнают, о чем контент и по каким запросам вы должны ранжироваться.

Когда вы пишете новый контент для веб-страницы, вы оптимизируете ее для одного основного ключевого слова, по которому хотите, чтобы этот пост был узнаваем. Это ключевое слово определяет всю веб-страницу, и Google проверяет, насколько хорошо вы объясняете все, что нужно знать по теме. Вот почему поиск правильных ключевых слов и ключевых фраз имеет решающее значение для успеха вашего сайта.

Существует бесчисленное множество ресурсов и блогов, которые рассказывают о SEO. Также онипредоставляют полезную информацию, советы по продвижению, анонсируют обновления, тематические исследования и многое другое. Ключевое слово «SEO» стало настолько обыденным, что ранжироваться по нему практически невозможно. Вот почему маркетологи начинают использовать запросы с длинным хвостом, которые добавляют больше информации к основному ключевому слову. Вот почему появляются такие ключевые слова, как «SEO сайта», «локальное SEO» и «SEO на странице». Ранжирование по этим запросам становится не только проще, но и лучше. Потому что вы подробно объясняете конкретные концепции, а не всю нишу целиком.

Google предпочитает ранжировать выше сайты, которые успешно охватывают все, что нужно знать о ключевом слове. Поэтому писать только о SEO долго, тяжело и невыгодно. Вам понадобилось бы использовать десятки тысяч слов, что привело бы к долгой загрузке страницы, а значит к плохому взаимодействию с пользователями.

Длинные хвосты в SEO

Длинный хвост — большое количество низкочастотных ключевых слов, с помощью которых продвигается веб-сайт. Термин пришел из экономики, где обозначал товары, не пользующиеся большой популярностью, но привлекающие покупателей и приносящие хороший доход благодаря своей низкой цене.

Так и в SEO продвижение по большому количеству низкочастотных специфических запросов может приносить сайту больший трафик, нежели по нескольким высокочастотным запросам. Плюс продвижения по низкочастотникам в том, что оно требует меньше вложений, чем в случае с высокочастотником.

Например, подумайте о супермаркете, где все покупают основные продукты, такие как хлеб и молоко. Тем не менее в супермаркете также есть редкие товары, которые не обязательно пользуются большим спросом. Зачем магазину хранить их?

Администрация супермаркета понимает, что люди, которые хотят эти товары, также хотят хлеб и молоко. Если бы обе группы людей были взаимоисключающими, в магазине никогда не было бы малопопулярных товаров.

Допустим, Боб хочет хлеба и горгонзолы, Билл хочет хлеба и соуса харисса, а Лиза хочет хлеба и перца хабанеро. Хлеб здесь пользуется повышенным спросом. В этом случае все трое не будут делать покупки в магазине, где продается только хлеб. Они пойдут в магазин, где смогут купить хлеб и нужный им редкий товар.

Чтобы получить клиента, вы должны удовлетворить все его потребности. Точно так же, если вам удастся предоставить пользователю весь контент по ВЧ-ключу, у него все равно будет индивидуальная потребность в контенте с НЧ-ключом.

Пользователи всегда будут хотеть общий контент, но на их отдельные вопросы можно будет ответить только с помощью контента с низкочастотными ключами. Таким образом, есть потребность в обоих способах продвижения.

Один из примеров длинного хвоста в интернете — форумы, где люди задают вопросы, касающиеся конкретных продуктов. Чем больше ответов на эти вопросы, тем больше появляется новых тем. Если ваш контент содержит информацию, которая не распространена в интернете, ваши пользователи будут довольны сайтом и будут на него возвращаться чаще.

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

Подход EPPO: что это такое и как работает?

EPPO — это техническая концепция веб-коммуникаций, придуманная Марком Бейкером. Она основана на поведении пользователей в интернете и на том, как сегодня распространяется информация.

Люди склонны демонстрировать поведение «перекусывания информацией». Это означает, что они просматривают фрагменты информации, относящейся к ним, на разных страницах, а затем уходят. Поэтому любая страница, которую читает посетитель сайта, становится для него страницей номер один. Независимо от того, что вы ищете, страница, на которую вы попадете, будет для вас первой. Но не каждую из них можно назвать хорошей первой страницей. Поэтому всегда лучше относиться к каждой странице вашего сайта и к каждому фрагменту контента как к первой странице.

Поскольку интернет представляет собой огромную сеть взаимосвязанных страниц, по которым можно перемещаться, вам нужен подход, чтобы сделать каждую страницу достойной.

В документе приведены стандарты, формы и основные атрибуты ЕОКЗР. Изучите их, чтобы делать хорошие сайты для пользователей и поисковиков.

4 шага, чтобы выбрать правильное ключевое слово

Вы должны помнить, что Google — это развивающаяся поисковая система. Один из способов, которым Google обычно отвечает на очень конкретные вопросы и запросы, — это использование раздела «Люди также спрашивают» и избранного фрагмента.

Выше приведен пример поиска Google. Первый результат, который вы видите для более длинного запроса, часто сопровождается избранным фрагментом. Ответ в нем обычно берется с сайта, который дает самый прямой ответ, независимо от его рейтинга в поисковой выдаче. Раздел «Люди также спрашивают» содержит похожие длинные запросы, которые могут быть у пользователя. Это результаты того, что люди часто ищут вместе.

Поскольку Google продолжает развиваться, он стремится помочь пользователям находить нужную им информацию быстрее и эффективнее. Вот почему ответы на некоторые поисковые запросы содержат видео. Вот пример:

Поиск правильного ключевого слова требует больше усилий, чем раньше. Однако поскольку у Google теперь есть такие параметры, как избранный фрагмент, у вас также есть возможность настроить таргетинг на ключевые слова с большим объемом запросов.

Вот руководство из четырех шагов для начинающих по поиску правильного ключевого слова для лучшего SEO сайта:

1. Найдите ключевые слова с хорошим объемом запросов;
2. Определите цель поиска;
3. Сосредоточьтесь на релевантности;
4. Знайте пределы своих усилий.

1. Найдите ключевые слова с хорошим объемом запросов

Неразумно выбирать ключевое слово, основываясь исключительно на теме вашего веб-сайта. Вы должны определить, действительно ли люди заинтересованы в этом.

Многие новые бренды делают ошибку, добавляя название своего бренда в свои ключевые слова. Это проблема, потому что люди, вероятно, недостаточно знают о вашем бренде, чтобы искать его. Если только ключевое слово не относится к полезному руководству, связанному с продуктом, который вы продаете.

Ваше ключевое слово не будет ранжироваться, если его никто не ищет. Вот почему так важно искать ключевые слова с хорошим объемом запросов.

Большинство общих ключевых слов имеют высокие объемы запросов, в то время как ключи с длинным хвостом имеют относительно меньшие объемы. Чем более конкретный запрос вы настроите, тем ниже в среднем будет объем поиска.

Здесь пригодится инструмент исследования ключевых слов. Некоторыми распространенными инструментами для работы с ними можно назвать Ahrefs, Semrush и Google Keyword Planner. Если вы хотите изучить SEO и использовать такие инструменты, лучше всего начать с бесплатного Планировщика ключевых слов Google. Но с этим инструментом есть одна загвоздка. Для его использования необходимо иметь учетную запись Google Ads. Вам не нужно запускать активную рекламную кампанию, но, по крайней мере, настройте кампанию Google Adwords. Кроме того, он показывает ограниченные диапазоны для всех ключевых слов.

Есть много других бесплатных SEO-инструментов, которые предоставляют возможность подсказки ключей. Например, Keywords Everywhere — это бесплатный плагин для Google Chrome, который предоставляет данные о ключевых словах при каждом поиске в Google.

Вот что этот плагин показывает вам, когда вы запускаете поиск Google:

Вы можете использовать такой инструмент, чтобы узнать о диапазонах объема поиска, ежемесячных поисках, сложности ключевых слов (KD) и многом другом.

Понимание, как работает подсказка по ключевым словам

Ваша задача — точно оценить объем поиска, чтобы понять поисковый потенциал ключевого слова. Когда вы вводите одно ключевое слово, инструмент подсказки по нему также покажет связанные ключи. Это позволяет вам увидеть, насколько точнее вы можете использовать свои ключевые слова.

Более высокие объемы поиска указывают на более высокий потенциал трафика. Однако это также означает, что ранжирование по этим ключевым словам будет намного сложнее. Вот почему некоторые инструменты предоставляют метрику сложности ключевого слова, чтобы объяснить, насколько сложно ранжироваться по нему.

Поэтому, когда вы просматриваете несколько ключевых слов, ищите варианты с низкой сложностью (KD). Вот пример из Ahrefs:

Добавление фильтров, таких как установка минимального предела объема поиска, позволяет вам сузить круг поиска по ключевым словам. Здесь нет идеального слова, а есть только наилучшее из возможных, которое может соответствовать цели поиска. Имейте в виду, что некоторые ключи являются сезонными. Например, рассмотрим слово «где я могу найти зимнюю одежду». Вы найдете большой объем поиска по нему только в зимний сезон, а летом он будет незначительным.

В этом случае также необходимо учитывать географию ваших клиентов. Зима наступает в разное время года для Северного и Южного полушарий. Например, это ключевое слово будет актуально для Австралии в июне и июле. Однако для США это будет актуально в декабре и январе.

2. Определите цель поиска

Цель поиска — это причина, по которой любой конкретный пользователь выполняет поиск в Google. Как правило, вы можете ожидать, что пользователь захочет:

• Купить что-нибудь;
• Узнать что-нибудь;
• Найти определенную страницу, веб-сайт или медиаконтент.

При выборе ключевых слов важно помнить о цели поиска, поскольку вы хотите создать контент, соответствующий тому, что ищут пользователи Google.

Google уделяет большое внимание поисковому намерению, и его выполнение дает вам повышение рейтинга. Вот почему некоторые сайты с низким рейтингом могут быть повышены до избранного фрагмента по ключевому слову.

Цель поиска по некоторым ключевым словам легко определить. Например, цель поиска по такому ключевому слову, как «как ранжироваться в Google», очевидна — пользователь хочет знать, как ранжироваться в Google.

Если вы ищете что-то вроде «зеленый чай», цель поиска становится менее очевидной. На данный момент вы не знаете, хочет ли пользователь купить зеленый чай, узнать о нем или имеет какое-то другое намерение.

Тем не менее, вы можете узнать о цели поиска по ключевому слову, просмотрев самые популярные результаты в поисковой выдаче. Например, вот самые популярные результаты поиска по запросу «зеленый чай».

Как видите, большинство результатов относятся к категории обучения, ведь они говорят о пользе зеленого чая. Таким образом, справедливо предположить, что это цель поиска для большинства пользователей, выполняющих поиск по этому ключевому слову.

«Человеческий анализ поисковой выдачи и определение цели поиска намного превосходит искусственный интеллект. Стремитесь охватить широкие темы, которые освещали статьи конкурентов, а также некоторые другие. Добавьте свое собственное идейное лидерство», — Зои Эшбридж, старший SEO-стратег в Zoe Ashbridge Marketing

3. Сосредоточьтесь на релевантности

Релевантность ключевого слова определяет, насколько оно полезно для вашего сайта и SEO. Например, для интернет-магазина все ключи, относящиеся к продуктам, которые вы продаете, в той или иной форме релевантны. Однако определение релевантности становится сложнее, когда речь идет о других веб-сайтах, таких как информационные ресурсы, блоги и нишевые предприятия. На этом этапе вы должны спросить себя, может ли ключевое слово помочь бизнесу. И может ли ваш бизнес или веб-сайт помочь людям, которые ищут информацию по этому ключу.

Например, если вы управляете SEO-агентством, ключевое слово «как улучшить SEO моего сайта» будет чрезвычайно актуальным. Это потому, что онодает агентству возможность естественным образом представить свои услуги в хорошо написанном сообщении в блоге.

Это означает, что ключевое слово не только релевантно, но также служит целям поиска и приносит пользу вашему бизнесу. Поэтому важно выбрать слова, релевантные вашему веб-сайту, бизнесу и предложению. Это помогает создавать контент, полезный для аудитории, и при этом не казаться слишком навязчивым.

4. Знайте пределы своих возможностей

В идеальной ситуации у вас будет доступ к неограниченному бюджету и лучшим инструментам для ранжирования по релевантным ключевым словам с высокими объемами поиска. Однако на деле вы почти всегда ограничены бюджетом, графиком и имеете неполный доступ к инструментам. Поэтому вы должны понимать, как далеко можете зайти в своих усилиях.

Вы не можете использовать общие ключевые слова, потому что по ним чрезвычайно сложно ранжироваться. Что еще более важно, у вас, вероятно, недостаточно ресурсов, чтобы сделать вмятину. Особенно это актуально для малого бизнеса. Вот почему вы выбираете менее сложные ключевые слова, по которым можете ранжироваться с помощью своих ресурсов.

Здесь вам может помочь метрика сложности ключевых слов. Основываясь на своих ресурсах, вы можете определить максимальный KD для ключей, чтобы не тратить слишком много ресурсов на один.

Вот что вам нужно искать для среднего веб-сайта:

• Сложность ключевого слова ниже 20;
• Объем поиска больше 100;
• Профиль обратных ссылок первых 5 страниц, которые в настоящее время ранжируются по ключевому слову;
• Актуальность для вашего сайта и бизнеса.

По этим параметрам вы обязательно найдете ключевые слова с низкой конкуренцией. С ними можно будет ранжироваться.

Итог

Это первая часть большого руководства по SEO-продвижению. Вторую часть вы сможете прочитать по ссылке.

Подписывайтесь на наш Telegram-канал, чтобы первыми узнавать новости и инсайды из мира SEO, нейросетей и IT!

Источник https://www.internet-technologies.ru/articles/7-shagov-optimizacii-posle-zapuska-novogo-sayta.html

Источник https://partnerkin.com/blog/stati/rukovodstvo_po_seo_10_shagov_d