Почему SEO важно

«Зачем мне SEO?» — уже задавался этим вопросом? Вот подробное тематическое исследование, которое показывает важность SEO.

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

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

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

«Ребята, вы плохо разбираетесь в SEO!»

Позвольте мне остановить вас здесь и кое-что объяснить. Существует путаница, которая звучит примерно так: «Если я получу веб-сайт где-нибудь, неважно, дорогой он или нет, я буду стремительно расти в поисковой выдаче». Э, нет. Вы не будете.

Сфера деятельности веб-студии

Веб-студия занимается веб-дизайном и веб-разработкой. Веб-студии не обязательно иметь SEO-специалистов, которые раскрутят ваш сайт. Но вот сложный момент — ваш сайт может органически занимать высокие позиции только благодаря SEO (органически, а не благодаря Google Ads). Речь идет не о дизайне или разработке, а о поисковой оптимизации.

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

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

Веб-сайт Wars Research от Moz

В 2013 году было проведено сравнение между агентствами SEO и агентствами веб-дизайна в области поисковой оптимизации.

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

1. Несовершенная веб-архитектура SEO и отсутствие SEO на сайте;

2. Плохой ранжирование общих слов и отсутствие ориентации на ключевые слова;

3. Плохая оптимизация сайта.

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

1. беспорядок в содержании;

2. Никакого развлечения, только информативность;

3. Без стиля, без анимации, без пользовательских шрифтов, старомодных и основанных на шаблонах;

4. Старые технологии.

Если вы думаете, что в 2013 году это было старомодно, у меня для вас печальные новости. Просто зайдите на Dribbble или Clutch, найдите несколько непопулярных дизайн-студий/агентств и проверьте их SEO в поисковой выдаче или Chrome Inspector. Почему непопулярный? Потому что большинство клиентов не могут позволить себе студии/агентства с высокооплачиваемыми и квалифицированными сотрудниками, маркетологами и SEO-консультантами.

Вы можете сделать то же самое с агентствами SEO. Зайди в гугл и попробуй найти. Вы будете удивлены их дизайном UX/UI и старомодным стилем.

Легко

Тем не менее, есть некоторые простые правила SEO, необходимые при проектировании и разработке.

Например, дизайн

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

1. Что означает «напыщенный дизайн»? Несколько вещей: анимация, функции взаимодействия, визуальная доступность, понятность интерфейса.

2. Что значит «основные принципы SEO в дизайне»? Несколько вещей: иерархия заголовков, логика контента, навигация, логика внутренних ссылок между страницами.

Почему SEO? Потому что вы хотите, чтобы ваш сайт был очень доступен для роботов-пауков. Хорошо сделанные каркасы (чертежи страниц веб-сайта) — это первый шаг к такой доступности.

Теперь давайте перейдем к простым задачам разработчиков.

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

1. Использование протокола HTTPS;

2. Ограничьте использование javascript на стороне клиента;

3. Оптимизировать скорость страницы;

4. Внимательное использование файла robots.txt;

5. Получите XML-карту сайта.

Где SEO? Все 5 пунктов являются стандартами SEO-дружественности. В дополнение к плавному и быстрому веб-сайту, он будет более дружелюбен к сканирующим ботам, которые будут его проверять.

Подводить итоги

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

Наш опыт SEO

Головоломка возникла, когда мы спросили себя: «Какого черта мы не показываемся в результатах поиска?!». У нас есть посты в блогах, офигенный веб-сайт, посты в социальных сетях, несколько подписчиков — что не так? Мы погуглили и обнаружили две вещи:

1. SEO гораздо важнее, чем мы думали. Надо что-нибудь сделать с нашим хромым;

2. Мы должны терпеливо ждать результатов (это может занять недели/месяцы);

А вот и изменения.

Заголовок

Начали с самого бросающегося в глаза — заголовка. Во-первых, мы не говорим об этом названии:

А вот про элемент HTML:

Мы обнаружили замечательную вещь, что Google любит некоторые ограничения, когда дело доходит до SEO:

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

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

3. Мы должны избегать наполнения ключевыми словами. Это может заставить алгоритмы Google наказывать за чрезмерную оптимизацию.

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

Мета-описания

Еще раз, речь идет об элементе HTML:

Мы обнаружили проблему: мы не делали разные мета-описания для наших страниц. То есть на каждой странице был один и тот же и довольно длинный - 240 символов. Google любит метаописания длиной до 160 символов.

1. Мы решили ограничить его до 120 символов. Почему? Это было нашим предпочтением, потому что мобильные браузеры часто обрезают метаописания, которые длиннее 120 символов. Из статистики следует, что 60-70% пользователей используют мобильные устройства для серфинга.

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

Теперь наши страницы выглядят более доступными (но с некоторой точки зрения на них меньше ценной информации):

Альтернативные теги

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

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

Канонизация

Мой любимый:

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

Канонический тег сообщает поисковой системе, где находится эталонная страница.

<link rel="canonical" href="URL"

Что это означает? Вы хотите, чтобы ваш веб-сайт (или дублированные URL-адреса веб-сайтов) был источником информации. Почему? Потому что если вы этого не сделаете, Google сделает это за вас.

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

1. Сначала мы канонизировали все наши страницы. Теперь он сообщает поисковым системам, что наш сайт является основным источником информации.

2. Мы изменили канонизацию на Medium в настройках, которые указывали на статьи нашего сайта.

Ключевые слова

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

1. Мы выпустили версию сайта 1.1 и расширили ее до 5 страниц (исключая страницы статей) с внутренними ссылками между страницами Сервисов и Журналов;

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

Полученные результаты

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

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

Что дальше?

У нас есть три вещи, над которыми мы хотим поработать, связанные с SEO. Мы хотим сделать контент нашего сайта максимально понятным для поисковых систем и повысить авторитетность домена.

1. Схема.org. Мы хотим сделать структурированные данные на нашем сайте. Информация на нашем сайте будет легче интерпретироваться ботами.

2. Тематическая кластерная стратегия. Это поможет нам повысить авторитет нашего сайта и повысить ценность нашей стратегии SEO.

3. Качественные обратные ссылки. Это повысит авторитет домена.

Плавник

Мы знаем, что понимание немного выше среднего — это здорово, и мы не позволим нашим клиентам идти с хромой SEO прямо из коробки. Означает ли это, что мы предоставляем услуги SEO сейчас? Нет. Означает ли это, что мы будем больше обучать наших клиентов? Да. Мы не боимся делиться своими бомбами, потому что мы всего лишь люди. Ключ в том, чтобы сделать знания, полученные в результате неудач, нашими сильными сторонами.

Если у вас есть какие-либо вопросы и проблемы, мы всегда рады ответить, помочь, проконсультировать и просто рассказать о JAMstack и его безголовом подходе как таковом. Пишите нам по адресу [email protected].