Меню

SEO для начинающих /технический seo аудит сайта

Содержание страницы

Технический seo аудит сайта .Глава 5

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

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

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

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

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

  • Как работают сайты
  • Как поисковые системы понимают сайты
  • Как пользователи взаимодействуют с сайтами

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

Как работают сайты

Если поисковая оптимизация — это процесс оптимизации веб-сайта для поиска, SEO-специалистам необходимо хотя бы базовое понимание того, что они оптимизируют!

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

Знание этого о веб-сайтах важно для SEO, чтобы понять по нескольким причинам:
  • Шаги в этом процессе сборки веб-страницы могут повлиять на время загрузки страницы, а скорость важна не только для удержания пользователей на вашем сайте, но и для рейтинга Google.
  • Google предоставляет определенные ресурсы, такие как JavaScript, на « втором проходе ». Сначала Google будет просматривать страницу без JavaScript, а затем от нескольких дней до нескольких недель, и будет отображать JavaScript, что означает, что SEO-критические элементы, добавляемые на страницу с помощью JavaScript, могут не индексироваться.

Представьте, что процесс загрузки сайта — это ваша поездка на работу. Вы готовитесь дома, собираете вещи, чтобы принести в офис, а затем выбираете самый быстрый путь от дома до работы.

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

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

Прежде чем получить доступ к веб-сайту, его необходимо настроить!

  1. Доменное имя куплено. Доменные имена, такие как savelev-sergey.ru , приобретаются у регистраторов доменных имен, такого как http://regjet.ru/ (цена регистрации и продления 150-180 руб.). Эти регистраторы являются просто организациями, которые управляют резервированием доменных имен.
  2. Доменное имя связано с IP-адресом. Интернет не воспринимает такие имена, как «savelev-sergey.ru», как адреса веб-сайтов без помощи серверов доменных имен (DNS). В Интернете используется ряд чисел, называемых адресами Интернет-протокола (IP) (например: 122.0.0.1). Но мы хотим использовать такие имена, как savelev-sergey.ru , потому что их легче запомнить людям. Нам нужно использовать DNS, чтобы связать эти читаемые человеком имена с машиночитаемыми числами.

Как сайт попадает с сервера на браузер

  1. Пользователь запрашивает домен. Теперь, когда имя связано с IP-адресом через DNS, люди могут запросить веб-сайт, введя доменное имя непосредственно в браузер или нажав ссылку на веб-сайт.
  2. Браузер делает запросы. Этот запрос на веб-страницу побуждает браузер сделать запрос поиска DNS для преобразования имени домена в его IP-адрес. Затем браузер отправляет серверу запрос на код, с помощью которого создается ваша веб-страница, например HTML, CSS и JavaScript.
  3. Сервер отправляет ресурсы. Как только сервер получает запрос на веб-сайт, он отправляет файлы веб-сайта для сборки в браузере поисковика.
  4. Браузер собирает веб-страницу. Браузер теперь получил ресурсы с сервера, но ему все еще нужно собрать их все вместе и отобразить веб-страницу. Чтобы пользователь мог видеть ее в своем браузере. Когда браузер анализирует и организует все ресурсы веб-страницы, он создает объектную модель документа (DOM). DOM — это то, что вы можете увидеть, если щелкнуть правой кнопкой мыши и «проверить элемент» на веб-странице в браузере Chrome (узнайте, как проверять элементы в других браузерах ).
  5. Браузер делает окончательные запросы. Браузер будет отображать веб-страницу только после того, как весь необходимый код страницы загружен, проанализирован и выполнен. Поэтому на данный момент, если браузеру требуется какой-либо дополнительный код для отображения вашего веб-сайта, он сделает дополнительный запрос с вашего сервера. ,
  6. Сайт появляется в браузере.  После всего этого ваш сайт теперь преобразован (визуализирован) из кода в то, что вы видите в своем браузере.

Теперь, когда вы знаете, как веб-сайт выглядит в браузере, мы сосредоточимся на том, из чего сделан веб-сайт. Иными словами, на коде (языках программирования), используемом для создания этих веб-страниц.

Три наиболее распространенных являются:
  1. HTML — язык гипертекстовой разметки служит основой или организатором контента на сайте. Это структура веб-сайта (например, заголовки, абзацы, элементы списка и т. Д.) И определение статического содержимого.
  2. CSS — каскадные таблицы стилей — это дизайн, блеск, гламур и стиль, добавленные на сайт. Это составляет презентационный слой страницы.
  3. JavaScript — JavaScript — это интерактивность и основной компонент динамического Интернета.

HTML: что говорит сайт

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

Хотя ваша CMS, скорее всего, не требует, чтобы вы писали свои страницы в HTML (например: выбор «гиперссылки» позволит вам создать ссылку без необходимости вводить «href =»). Это то, что вы изменяете каждый раз, когда вы делаете что-то с веб-страницей. Например добавляете контент, меняете текст привязки внутренних ссылок и так далее. Google сканирует эти элементы HTML, чтобы определить. Насколько ваш документ имеет отношение к конкретному запросу. Другими словами, то, что находится в вашем HTML, играет огромную роль в том, как ваша веб-страница занимает место в органическом поиске Google!

CSS: как выглядит сайт

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

JavaScript либо помещается в документ HTML в теги <script> (т. е. Он встроен в HTML), либо связан / ссылается. В настоящее время существует множество библиотек и сред JavaScript, включая jQuery, AngularJS, ReactJS, EmberJS и т. Д.

Компоненты CSS, о которых SEO, в частности, должны заботиться:

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

JavaScript: как ведет себя сайт

технический seo аудит

В первые дни Интернета веб-страницы создавались с использованием HTML. Когда появился CSS, у контента веб-страницы была возможность принять некоторый стиль. Когда на сцену вышел язык программирования JavaScript, веб-сайты теперь могли не только иметь структуру и стиль, но и быть динамическими .

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

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

Рендеринг на стороне клиента и на стороне сервера

Рендеринг или отрисовка (англ. rendering — «визуализация») — термин в компьютерной графике, обозначающий процесс получения изображения по модели с помощью компьютерной программы.

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

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

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

Способ проверить

К счастью, есть способ проверить, видит ли Google то же самое, что и ваши посетители. Чтобы увидеть, как робот Google просматривает вашу страницу, воспользуйтесь инструментом «Проверка URL» консоли поиска Google. Просто вставьте URL своей страницы в панель поиска GSC:

Проверка URL» консоли поиска Google
Просто вставьте URL своей страницы в панель поиска GSC:

Далее, нажмите «Проверить Live URL».

тест URL

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

Просмотреть протестированную страницу

Нажав на вкладку «Скриншот» рядом с «HTML», вы увидите, как смартфон Googlebot отображает вашу страницу.

как смартфон видит ваш сайтВы увидите, как робот Googlebot видит вашу страницу в сравнении с тем, как посетитель (или вы) может видеть страницу. На вкладке «Дополнительная информация» Google также покажет вам список ресурсов. Которые они, возможно, не смогли получить для введенного вами URL-адреса.

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

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

Как поисковые системы понимают сайты

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

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

Проверка структурированных данных
Проверка структурированных данных

Вы можете проверить свою разметку с помощью инструмента тестирования структурированных данных Google .

Несколько полезных советов :

  • Вы можете использовать несколько типов разметки схемы на странице. Однако, если вы отмечаете один элемент, например, продукт, и на странице перечислены другие продукты, вы также должны отметить эти продукты.
  • Не отмечайте контент, который не виден посетителям, и следуйте рекомендациям Google по качеству . Например, если вы добавляете структурированную разметку обзора на страницу, убедитесь, что эти обзоры действительно видны на этой странице.
  • Если у вас есть дублирующиеся страницы, Google просит пометить каждую дублирующую страницу своей структурированной разметкой , а не только канонической версией.
  • Обеспечить оригинальный и обновляться (если это применимо) conten т на ваших структурированных страниц данных.
  • Структурированная разметка должна быть точным отражением вашей страницы.
  • Попробуйте использовать наиболее конкретный тип разметки схемы для вашего контента.
  • Размеченные отзывы не должны быть написаны бизнесом. Это должны быть подлинные неоплачиваемые деловые отзывы от реальных клиентов.

Расскажите поисковым системам о ваших предпочтительных страницах с канонизацией

Когда Google сканирует один и тот же контент на разных веб-страницах, он иногда не знает, какую страницу индексировать в результатах поиска. Вот почему был изобретен тег rel = «canonical»: чтобы помочь поисковым системам лучше индексировать предпочтительную версию контента, а не все его дубликаты.

Тег rel = «canonical» позволяет вам сообщать поисковым системам, где находится оригинальная, основная версия фрагмента контента. Правильная канонизация гарантирует, что каждый уникальный контент на вашем сайте имеет только один URL.

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

Как пользователи взаимодействуют с сайтами

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

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

Мобильные посетители

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

Адаптивный дизайн

Адаптивные веб-сайты спроектированы так, чтобы соответствовать экрану любого устройства, которое используют ваши посетители. Вы можете использовать CSS, чтобы веб-страница «реагировала» на размер устройства. Это идеально, потому что это предотвращает необходимость двойного касания или масштабирования для просмотра контента на ваших страницах. Не уверены, что ваши веб-страницы подходят для мобильных устройств? Вы можете использовать мобильный тест Google для проверки!

Страница оптимизирована для мобильных устройств

AMP

AMP расшифровывается как «Ускоренные мобильные страницы» и используется для доставки контента мобильным посетителям со скоростью, значительно превышающей скорость доставки без поддержки AMP. AMP может доставлять контент так быстро, потому что он доставляет контент со своих серверов кеша (не оригинального сайта) и использует специальную версию AMP HTML и JavaScript.

Для этих целей существуют плагины АМР , имеются как бесплатные , так и платные варианты . Яндекс имеет свой плагин Яндекс.Турбо. Данный плагин автоматически создаст на вашем сайте новую RSS-ленту (или несколько лент) для сервиса «Яндекс.Турбо» в полном соответствии с техническими требованиями Яндекса. Чтобы добавить свою ленту в Яндекс.Турбо вам надо будет отправить заявку в Яндекс.Вебмастере («Турбо-страницы\Источники»).

Мобильная индексация

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

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

Скорость страницы

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

Изображения являются одним из главных виновников медленных страниц!

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

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

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

Большинство тем имеют данную функцию. Для получения дополнительной информации  ознакомьтесь с Руководством по ленивой загрузке Google .

Повысьте скорость, сжимая и связывая ваши файлы

Аудит скорости страницы часто дает рекомендации, такие как «минимизировать ресурс», но что это на самом деле означает? Минификация сокращает файл кода, удаляя такие вещи, как разрывы строк и пробелы, а также сокращая имена переменных кода везде, где это возможно.

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

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

Глава 6: Создание ссылок на сайт / SEO для начинающих


ВажноЕсли статья  «SEO для начинающих/технический seo аудит сайта »  вам понравилась, то стоит поделиться с друзьями? Тогда, нажмите одну (можно и больше) из кнопок соц. сетей.

SEO аудит сайта