Introducing Ahrefs Webmaster Tools. Free SEO audits, backlink, and keyword data. Learn more →

Enjoyed the Read?

Don’t miss our next article!

Что такое техническое SEO? 11 лучших практик

Avatar
Глава отдела контента в Ahrefs (проще говоря, я отвечаю за то, чтобы каждый пост в блоге был КРУТЫМ).
    Техническое SEO это процесс оптимизации сайта с целью помочь поисковым системам, таким как Google, найти, понять и проиндексировать ваши страницы.

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

    В этом посте мы расскажем о нескольких технических SEO практиках которые может внедрить каждый, вне зависимости от технических знаний.

    1. Убедитесь что важный контент доступен для сканирования и индексирования
    2. Используйте HTTPs
    3. Исправьте проблемы с дублированным контентом
    4. Создайте карту сайта
    5. Используйте hreflang для контента на разных языках
    6. Перенаправьте HTTP на HTTPS
    7. Используйте разметку schema, чтобы получить расширенные сниппеты
    8. Исправьте страницы-сироты
    9. Убедитесь что страницы загружаются достаточно быстро
    10. Используйте schema чтобы увеличить шансы попасть в Knowledge Graph
    11. Не ставьте nofollow для внутренних ссылок

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

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

    Этот процесс хорошо работает до тех пор, пока вы не заблокируете поисковые системы и запретите сканирование или индексацию страницы.

    Robots.txt это файл, который говорит поисковым системам вроде Google какие страницы они могут или не могут сканировать. Его можно посмотреть, перейдя по адресу  yourwebsite.com/robots.txt.

    1 noindexing website

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

    Проверить какие страницы заблокированы в файле robots.txt можно в Поисковой консоли Google. Перейдите в отчёт Покрытие, выберите исключенные URL, затем посмотрите на ошибку “Заблокировано в robots.txt”.

    2 blocked by robots txt

    Если там есть URL адреса, которые не должны быть заблокированы, нужно их удалить или отредактировать в файле robots.txt.

    Тем не менее, доступные к сканированию страницы не всегда хорошо индексируются. Если на вашей странице есть соответствующий мета тег robots, либо в заголовке x‑robots выставлено “noindex”, поисковые системы не смогут проиндексировать страницу.

    Проверить настройки индексации страницы можно с помощью бесплатного инструмента Ahrefs SEO Toolbar.

    3 noindex ahrefs toolbar

    Чтобы проверить случайные теги noindex на всех страницах, запустите сканирование с помощью инструмента Аудит сайта в Ahrefs Webmaster Tools и проверьте отчёт Индексируемость (Indexability) на предмет уведомлений “Noindex страница”.

    4 noindex page site audit

    Исправьте ошибки, удалив мета тег “noindex” или x‑robots-tag со всех страниц, которые должны быть проиндексированы.

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

    Учитывая какие преимущества HTTPS предлагает для пользователей, неудивительно что он стал фактором ранжирования с 2014-го года.

    Как узнать, использует ли ваш сайт HTTPS?

    Перейдите на https://www.vashsite.com и посмотрите, есть ли в адресной строке иконка замка.

    5 lock icon loading bar

    Если вы увидите уведомление о Небезопасном соединении, то вам необходимо установить TLS/SSL сертификат. Его можно бесплатно получить у LetsEncrypt.

    6 not secure

    Если вы видите серый значок о Небезопасном соединении, то…

    7 not secure mixed

    …у вас на странице есть смешанный контент. Это значит, что сама страница загружается по HTTPS, но некоторые файлы (изображения, CSS, и т.д.) загружаются по HTTP.

    Есть четыре способа исправить эту проблему:

    Тем не менее, если вы нашли смешанный контент на одной странице, то скорее всего на других страницах тоже есть эта проблема. Чтобы проверить так ли это, просканируйте сайт с помощью Ahrefs Webmaster Tools. Он проверяет сайт на наличие более сотни других SEO ошибок, в том числе смешанный контент HTTP/HTTPS.

    8 http https mixed content

    Советуем прочитать: Что такое HTTPS? Всё что вам нужно об этом знать

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

    Например, этот пост от Buffer появляется в двух местах:

    https://buffer.com/library/social-media-manager-checklist

    https://buffer.com/resources/social-media-manager-checklist

    Многие считают что Google наказывает сайты за дублированный контент, хотя это не так.

    Они подтверждали это много раз.

    Но с дублированным контентом могут возникнуть и другие проблемы. Например:

    • Неправильный URLs в результата поиска;
    • Размытие ссылок;
    • Впустую израсходованный краулинговый бюджет;
    • Спарсенный или синдицированный контент может ранжироваться выше вас.

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

    9 duplicate content search console

    Здесь Google объясняет что значат эти ошибки и как их исправить.

    Тем не менее, Консоль поиска скажет вам только о тех URL адресах, которые Google посчитал дублированными. У вас могут быть и другие проблемы с дублированным контентом, которые Google пока не распознал. Чтобы их обнаружить, запустите бесплатное сканирование в Ahrefs Webmaster Tools и проверьте отчёт Duplicate content.

    9 duplicate content

    Исправьте ошибки, выбрав один URL в каждой группе дубликатов в качестве “каноничной” (главной) версии.

    Карты сайта содержат списки важного контента на вашем сайте. Они существуют в разных форматах, но самый распространённый — формат XML.

    Вот как выглядит карта сайта нашего блога:

    11 xml sitemap

    Сегодня многие сомневаются что карты сайта все ещё важны, т.к. Google обычно может найти большую часть контента на вашем сайте и без карты сайта. Тем не менее, представитель Google подтвердил важность карт сайта в 2019‑м году, говоря что это второй самый важный источник новых URL адресов для Google:

    Но почему?

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

    Самые распространённые CMS, такие как Wix, Squarespace и Shopify автоматически генерируют карту сайта. Если вы используете WordPress, вам нужно будет создать её с помощью популярных плагинов, таких как Yoast или RankMath.

    12 yoast sitemap

    Дальше её можно добавить в Google в Консоли поиска.

    13 sitemap search console

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

    https://www.youtube.com/watch?v=JLCwGo43fAY&feature=youtu.be&t=3m16s

    Советуем прочитать: Как создать XML-карту сайта (и отправить ее в Google)

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

    Например, у нас есть версии главной страницы на разных языках:

    13 ahrefs english

    14 ahrefs polish

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

    Есть две основные причины, почему hreflang важен для SEO:

    1. Он помогает бороться с дублированным контентом. Представьте что у вас есть две одинаковые страницы. Без hreflang Google скорее всего посчитает их дублями и проиндексирует только одну из них.
    2. Он может помочь лучше ранжироваться. В этом видео представитель Google Гари Илш объясняет, что страницы в одном hreflang кластере имеют общие сигналы ранжирования. Это значит, что если у вас есть страница на английском с кучей ссылок, испаноязычная версия страницы имеет практически те же сигналы. Это может помочь в ранжировании в Google в других странах.

    Внедрить hreflang очень просто. Просто добавьте соответствующие теги hreflang на все версии страницы.

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

    <link rel="alternate" hreflang="x-default" href="https://yourwebsite.com" />
    <link rel="alternate" hreflang="es” href="https://yourwebsite.com/es/" />
    <link rel="alternate" hreflang="de” href="https://yourwebsite.com/de/" />
    

    Больше узнать о том, как внедрять hreflang и как делать мультиязычное SEO можно по ссылкам ниже.

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

    Чтобы проверить ситуацию со своим сайтом, попробуйте перейти на HTTP версию. Если происходит автоматическое перенаправление, то скорее всего всё хорошо.

    lock icon https

    Если у вас получилось зайти на HTTP версию, вам нужно сделать редирект с HTTP и HTTPs.

    Это можно сделать, добавив следующий код в файл .htaccess:

    RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
    

    А если вы используете WordPress, просто смените адрес WordPress и адрес сайта на HTTPS версию в настройках.

    http to https wordpress

    Это можно сделать и на уровне сервера. Подробнее об этом написано здесь. Только убедитесь, что используете постоянный (301) редирект, а не временный (302).

    Больше узнать о 301 и 302 редиректах можно по ссылкам ниже:

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

    15 xero review rich snippets

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

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

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

    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Kung Pao Chicken",
      "image": [
        "https://yourwebsite.com/kung-pao-chicken.png"
      ],
      "description": "A delicious recipe for King Pao Chicken."
      },
      "prepTime": "PT0M",
      "cookTime": "PT20M",
      "totalTime": "PT20M",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "383 cal"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "25"
      }
    }
    </script>
    

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

    16 kung pao rich snippets

    Узнать больше о том, как внедрять schema разметку для расширенных сниппетов можно в руководствах по ссылкам ниже:

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

    Часто найти такие страницы сложно, потому что большинство инструментов для аудита работают как поисковые системы. Но если ваша CMS генерирует карту сайта, её можно использовать в качестве источника для поиска URL адресов в Аудите сайта от Ahrefs. Нужно только отметить галочку о поиске и сканировании карт сайта и ссылок в настройках сканирования.

    17 site audit url sources

    Примечание.
    Если местоположение карты сайта на вашем сайте не указано в файле robots.txt и она не доступна по адресу yourwebsite.com/sitemap.xml, то включите опцию “Specific sitemaps” в настройках сканирования и вставьте адрес вашей карты сайта. 

    После окончания сканирования перейдите в отчёт Links (Ссылки) и откройте уведомление о страницах сиротах “Orphan page (has no incoming internal links)”.

    18 orphan pages site audit

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

    Советуем прочитать: Внутренние ссылки для SEO: Практическое руководство (англ.)

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

    К сожалению, скорость сайта это сложная тема. Для измерения скорости есть много метрик и инструментов, но начать стоит с Pagespeed Insights от Google. Он покажет вам оценку скорости от 0 до 100 на десктопе или мобильном устройстве и подскажет что следует подправить.

    19 pagespeed insights

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

    • Перейдите на более быстрого DNS провайдера. Cloudflare это отличный (и бесплатный) вариант. Зарегистрируйте бесплатный аккаунт и поменяйте имена серверов у регистратора.
    • Установите плагин кеширования. CCaching временно хранит файлы, чтобы отдавать их пользователям быстрее и эффективнее. Если вы пользуетесь WordPress, вам могут подойти плагины WP Rocket или WP Super Cache.
    • Минифицируйте HTML, CSS и файлы JavaScript. Минификация удаляет пробелы и комментарии из кода и уменьшает размер файлов. Это можно сделать с помощью WP Rocket или Autoptimize.
    • Используйте CDN. Content Distribution Network (CDN — сеть доставки контента) хранит копии страниц на серверах по всему миру. Она соединяет пользователя с ближайшим сервером, поэтому файл проделывает более короткий путь и доставляется быстрее. Есть много CDN провайдеров, но Cloudflare — неплохой вариант.
    • Сожмите изображения. Изображения это обычно самые большие файлы на странице. Сжатие позволяет уменьшить размер и максимально сократить время загрузки благодаря этому. Есть множество плагинов для сжатия изображений, но нам нравится Shortpixel.

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

    Learn more about improving page speed in the video and linked resources below.

    https://www.youtube.com/watch?v=BrY6a-lsLp8

    Советуем прочитать: Как улучшить скорость сайта от А до Я (Продвинутое руководство) (англ.)

    Knowledge Graph от Google — это база знаний о сущностях и связях между ними. Данные отсюда часто отображаются в поисковой выдаче. Например, так выглядит Панель знаний для Ahrefs:

    20 knowledge panel

    Хотя нет надёжного способа попасть в the Knowledge Graph, можно попробовать использовать разметку организации.

    Её можно добавить с помощью популярных плагинов для WordPress. Таких как Yoast или RankMath. Либо создать и добавить её вручную, используя генератор разметки schema.

    Убедитесь что:

    • Вы используете как минимум название, логотип, URL и свойства sameAs
    • Вы упомянули все профили в соцсетях в строке sameAs (а если это возможно, то страницы Wikidata и Wikipedia)
    • Проверили разметку используя Инструмент проверки структурированных данных

    Мы используем вот такую разметку:

    <script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "Ahrefs",
        "description": "Ahrefs is a software company that develops online SEO tools and free educational materials for marketing professionals.",
        "url": "https://ahrefs.com",
        "logo": "https://cdn.ahrefs.com/images/logo/logo_180x80.jpg",
        "email": "support@ahrefs.com",
        "address": {
                        "@type": "PostalAddress",
                        "addressCountry": "SG",
                        "postalCode": "048581",
                        "streetAddress": "16 Raffles Quay"
        },
        "founder": {
                        "@type": "Person",
                        "name": "Dmitry Gerasimenko",
                        "gender": "Male",
                        "jobTitle": "CEO",
                        "image": "https://cdn.ahrefs.com/images/team/dmitry-g.jpg",
                        "sameAs": [
                            "https://twitter.com/botsbreeder",
                            "https://www.linkedin.com/in/dmitrygerasimenko/"
            ]      
        },
        "foundingDate": "2010-07-15",
        "sameAs" : [
            "https://www.crunchbase.com/organization/ahrefs",
            "https://www.facebook.com/Ahrefs",
            "https://www.linkedin.com/company/ahrefs",
            "https://twitter.com/ahrefs",
            "https://www.youtube.com/channel/UCWquNQV8Y0_defMKnGKrFOQ"
        ],
        "contactPoint" : [
            {
                "@type" : "ContactPoint",
                "contactType" : "customer service",
                "email": "support@ahrefs.com",
                "url": "https://ahrefs.com"
            }
        ]
    }
    </script>
    

    Неважно на какую страницу вы добавите разметку, но лучше пусть это будет главная, страница контактов, или страница о компании. Нет смысла вставлять эту разметку на каждой странице. Что и подтвердил представитель Google Джон Мюллер в 2019‑м году на одном из вебинаров.

    https://youtu.be/cXbWuQQp81A?t=3096

    Советуем прочитать: Google Knowledge Graph и как он влияет на SEO

    Nofollow ссылки часто используются для обозначения страниц, которые вы не хотите поддержать. Они сообщают Google о том, чтобы на эту страницу не “передавались сигналы для ранжирования” (хотя Google может и проигнорировать это обозначение).

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

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

    Так часто случается со страницами пагинации.

    Чтобы найти внутренние ссылки с nofollow, запустите сканирование в Ahrefs Webmaster Tools, перейдите в отчёт Links и посмотрите на возможные проблемы.

    22 nofollow internal links issues

    Исправить эту проблему очень легко. Достаточно удалить атрибут nofollow из данных ссылок.

    В заключение

    Техническое SEO это сложная задача. Есть множество лучших практик, о которых у нас не хватило времени рассказать в этом посте. Тем не менее, этих советов должно быть достаточно, чтобы избежать большинства самых распространённых технических ошибок и вывести производительность сайта в топ 10% по сравнению со всем остальным миром.

    Остались вопросы? Напишите мне в Твиттер.

    Перевел Дмитрий Попов, владелец Affilimarketer.com