Самый важный фактор SEO в 2020 году: производительность сайта

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

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

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

Насколько сложно оптимизировать работу сайта?

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

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

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

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

Начните с понимания ваших текущих проблем

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

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

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

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

Если вы никогда раньше не занимались SEO-проверкой, одним из самых простых (и бесплатных) инструментов является SEO Analyzer от Нила Пателя.

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

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

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

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

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

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

И лучше всего начать с вашего веб-хостинга.

#1: Выбор надежной хостинговой компании

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

Итак, как с этим бороться? Во-первых, вы можете обратиться к хостинговым компаниям, которые специализируются на вашем типе хостинга. А именно, если вы управляете своим веб-сайтом через WordPress, возможно, вы захотите найти хостинговые компании, специализирующиеся на WordPress. Некоторые из наиболее популярных включают HostGator, WP Engine, Kinsta, Pagely, EasyWP и другие.

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

Например, у DigitalOcean есть центры обработки данных в более чем 12 местах по всему миру. Вы можете не только выбрать конкретное расположение центра обработки данных, но и создать конкретную CDN (сеть доставки контента), чтобы еще больше повысить производительность загрузки.

Это также подводит нас ко второму пункту.

# 2: Узнайте о сети доставки контента

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

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

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

• Облачная вспышка . Настоящий эксперт в своем деле — Cloudflare специализируется на оптимизации производительности во всем. От кратких сервисов CDN до более надежных механизмов кэширования и SSL-сертификатов. И попробовать их услуги можно совершенно бесплатно, без простоев.
• Джетпак . Пользователи WordPress, возможно, уже знакомы с Jetpack, но знаете ли вы, что этот пакет также предлагает услуги CDN? Хотя и немного ограниченный по своему характеру, Jetpack идеально подходит для фотографов и фотоблогеров. Улучшения производительности видны сразу.
• Оптимол . Еще один плагин WordPress, который специализируется на обработке изображений и оптимизации доставки файлов фотографий. Преимущество заключается в том, что вы можете сжимать свои изображения на ходу и передавать эти изображения через сеть доставки контента.

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

# 3: Думайте о мобильных устройствах в первую очередь

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

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

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

К счастью, у вас есть несколько вариантов устранения этого узкого места:

1. Всегда проверяйте взаимодействие между вашими плагинами и вашей темой. Запускайте тесты всякий раз, когда добавляете основные функции или внедряете новые изменения. Если что-то сломается, подумайте о поиске альтернативы.
2. Вместо того, чтобы использовать отдельную тему, рассмотрите возможность использования конструктора веб-сайтов, который может устранить строгость определенных правил дизайна.
3. Рассмотрите возможность создания мобильного приложения для своего веб-сайта, которое затем можно будет добавить в популярные магазины приложений.

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

Моя последняя рекомендация, на которую стоит обратить внимание, это AMP — Accelerated Mobile Pages. Проект, созданный и поддерживаемый Google. AMP меняет мобильное взаимодействие ваших пользователей от вашего имени. И я уверен, что во время ваших собственных поисков в Google вы уже наткнулись на несколько AMP-страниц.

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

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

#4: Найдите баланс между содержанием и дизайном

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

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

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

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

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

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

#5: Кэширование, минификация, оптимизация ресурсов

Наконец, вы захотите убедиться, что вы в курсе последних технологий кэширования и оптимизации ресурсов. Для каждой платформы контента (WordPress, Squarespace, Drupal и т. д.) существуют разные методы достижения оптимальной производительности.

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

• LiteSpeed ​​Cache — LiteSpeed ​​Cache для WordPress (LSCWP) — это универсальный плагин для ускорения работы сайта с эксклюзивным кешем на уровне сервера и набором функций оптимизации.
• Hummingbird — Hummingbird ускоряет работу вашего веб-сайта, добавляя новые способы ускорения Google PageSpeed ​​Insights с точно настроенными элементами управления сжатием файлов, откладыванием стилей и скриптов CSS и Javascript, минимизацией для CSS и JS, интеграцией отложенной загрузки и кэшированием мирового класса.
• WP Super Cache — этот плагин генерирует статические HTML-файлы из вашего динамического блога WordPress. После создания HTML-файла ваш веб-сервер будет обслуживать этот файл вместо обработки сравнительно тяжелых и дорогих PHP-скриптов WordPress.

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

Заключительные слова

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

Даже небольшие действия, такие как сжатие изображений, могут значительно сократить время загрузки. И чем больше таких небольших и поэтапных изменений вы сделаете, тем скорее вы достигнете оптимальных результатов производительности. Такие сайты, как PageSpeed ​​Insights, могут дать вам общее представление о том, где вы находитесь с точки зрения рейтинга собственного алгоритма Google.

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

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