Привет, Хабр! Я — Марина, специалист по продвижению сайтов в Selectel. В тексте расскажу, как правильно настроить SEO-параметры для разных типов веб-ресурсов на этапе их создания. Пригодится вебмастерам, маркетологам и всем, кто работает с сайтами.
Ранее мы выпустили текст о том, как разработать HTML-шаблон страницы с учетом SEO. Моя статья ориентирована больше на оптимизацию разных типов сайтов, а не код.
Используйте навигацию, если не хотите читать полностью:
→ Какие типы сайтов существуют
→ Как создать структуру для каждого типа сайта с учетом SEO
→ Как настроить шаблоны метатегов
Какие типы сайтов существуют
Чтобы учесть все тонкости продвижения в поисковых системах, на начальном этапе необходимо определить, какой у вас будет сайт.
По виду информации на ресурсах их можно разделить на две группы:
- коммерческие, их главная цель — продажа товара или услуги;
- информационные, предназначены для получения сведений или общения пользователей.
Для упрощения классификации подумайте, какой функциональностью будет обладать ваш сайт. А ниже я расскажу о тех видах, которые чаще всего монетизируют.
Сайты услуг. Такие веб-ресурсы обычно предлагают какой-либо сервис и могут быть созданы как на более сложной CMS (Content Management System) или самописной, так и с помощью конструкторов, например Tilda. Количество страниц на таких сайтах варьируется в зависимости от размера бизнеса и в среднем начинается от 50–100.
Товарные сайты. Основная цель веб-ресурса — продажа продукции напрямую покупателю на разных условиях, например, с доставкой или самовывозом. Количество страниц зависит от ассортимента товара, но забегая немного вперед, скажу, что чем их больше, тем лучше для SEO. Из этого можно сделать вывод, что ограниченные в возможностях и неповоротливые по своей природе конструкторы сайтов в данном случае лучше не использовать.
Информационные сайты. Ресурсы на различных площадках с постоянным обновлением контента и вовлечением пользователей с помощью комментариев и реакций. Они могут быть как локальными, для отдельного региона или вида деятельности, так и охватывающими весь мир с сотней тысяч визитов в день.
Да-да, на информационных сайтах тоже можно зарабатывать. Например, самый популярный вид дохода на них — реклама. Она может быть как контекстной, где заказчик платит определенный процент с визита или клика, так и в виде баннеров, размещенных на сайте.
Агрегаторы или маркетплейсы. Такие сайты собирают и классифицируют товары, услуги и даже информацию на любую тему. Их основная отличительная черта — количество и разнообразие предложения. Как правило, новостные источники, поставщики товаров или услуг на таких сайтах могут быть различными, а сам веб-ресурс предоставляет место для размещения или перенаправляет на сайт продавца.
В зависимости от типа сайта, агрегатор может зарабатывать на комиссии за продажу товаров, размещение рекламы или объявления. Поисковые системы лояльны к таким ресурсам, а пользователи выбирают такие сайты за разнообразие предложения и большое количество информации и отзывов.
Как создать структуру для каждого типа сайта с учетом SEO
Для всех типов сайтов существуют общие требования, при соблюдении которых вы выполните уже половину работы для первоначальной оптимизации. Для упрощения разделю их на два вида: технические и контентные.
Технические требования
- Адрес каждой страницы (URL) прописан латинскими буквами и понятен человеку при чтении. Кириллица при копировании адреса страницы может преобразоваться в набор нечитаемых символов, что не внушает доверия пользователю.
- Для сайта выбран основной адрес, например, site.com, а для остальных зеркал с www, / и прочих — настроена переадресация. Так вы исключите появление большого числа дубликатов страниц.
- Вложенность каталогов не превышает двух уровней. Это связано с тем, что поисковые системы считают наиболее важной информацию, которая ближе расположена к главной сайта.
- Настроена автоматическая генерация XML-карты сайта. Это нужно, чтобы роботу поисковой системы было проще отслеживать появление новых страниц и эффективно расходовать краулинговый бюджет.
- Сайт работает без ошибок 500 и 400. В прошлой статье уже рассказывала, как важна постоянная доступность сайта для его продвижения. Поэтому позаботьтесь о выборе хорошего хостинга.
- Ресурс оптимизирован под мобильные устройства — большое количество пользователей посещают веб-ресурсы именно с телефонов. Нужно учесть скорость загрузки, отсутствие мелких элементов (кнопок), горизонтальной прокрутки, окон с большим количеством рекламы.
- Сайт доступен для всех пользователей. Помните про «accessibility» — так ваш ресурс смогут использовать люди с ограничениями по здоровью, а поисковые системы, особенно Google, будут выше ранжировать на выдаче.
Требования к контенту
- Текст на каждой странице уникален. Поисковые системы умеют определять повторяющийся контент и маркировать страницы как дубликаты, исключая из выдачи.
- Текст структурирован, имеет заголовки и подзаголовки. Одно из самых старых правил SEO: тег
h1на любой странице всегда должен быть один. Также для улучшения восприятия информации текст лучше поделить на подзаголовки, каждый из которых будет содержать законченную мысль.
Далее мы разберем, какие разделы и элементы необходимы для каждого вида сайтов.
Сайт услуг
Чтобы пользователю было удобно определиться с выбором услуги или найти необходимую информацию о ней, а вам — выгодно выделиться среди конкурентов, продумайте наличие этих элементов на сайте.
- Номер телефона. Чтобы потенциальный потребитель мог сразу связаться с вами и обговорить детали.
- Раздел отзывов. Хорошо, если ваш бизнес уже выстроен и клиенты приходят к вам по сарафанному радио, но все чаще пользователи интернета делают свой выбор на основе опыта других пользователей. Так вы повысите уровень доверия.
- Раздел контактов с картой проезда, если услуга предоставляется офлайн. Если бизнес подразумевает посещение офиса для получения вашей услуги, можно добавить схему проезда и фотографии с описанием, как вас найти. Это поможет пользователю быстрее сориентироваться.
- Лицензии и сертификаты для юридической, медицинской и экономической сферы деятельности. Такие сайты регулируются требованиями нормативных актов, поэтому в некоторых случаях наличие юридической информации обязательно. Для пользовательского опыта это тоже всегда большой плюс и повышение лояльности со стороны ваших клиентов.
Интернет-магазин
Характерные черты интернет-магазина — наличие товаров и разнообразие ассортимента. А вот что еще важно учесть при разработке сайта такого типа.
- Цена товара — самый важный фактор. В HTML-коде должна быть указана валюта платежа. А вот добавлять цену или валюту в формате IMG или SVG нельзя.
- Карточки товаров должны содержать изображения, технические характеристики, отзывы потребителей, цену, акционные предложения, рейтинг с Яндекс, Google карт или отзовиков. Также можно добавить на сайт реакции пользователей.
- Личный кабинет и корзина для покупок помогут роботу поисковой системы идентифицировать ваш сайт как магазин и чаще предлагать товары с него в выдаче.
- Наличие раздела с избранным или закладками. Так вы сможете мотивировать пользователя совершать отложенные покупки, снова возвращаясь на ваш сайт. Пользовательское поведение — важный фактор для поисковых систем.
- Поисковики выступают за честность и прозрачность в совершении сделок, поэтому одним из положительных факторов будут условия доставки и оплаты, размещенные на сайте магазина.
- Чем больше каталог товаров на вашем сайте, тем большее количество запросов пользователей вы можете закрыть, а это всегда положительный фактор для поисковых систем.
Часто небольшие магазины сталкиваются с проблемой разнообразия ассортимента — есть небольшой лайфхак, как его расширить. Если в карточке товара представлено несколько цветов или комплектаций, то ее можно разбить на несколько, тем самым искусственно увеличив ассортимент.
Информационный сайт
Основной показатель на таких ресурсах — трафик, то есть количество пользователей в определенный момент времени. А чтобы занимать ТОП в выдаче, тем самым увеличивая число посещений сайта, при разработке нужно учесть такие факторы.
- Используйте XML-карты и RSS-ленты. Они нужны для быстрой индексации контента и помогают пользователям быть в курсе ваших обновлений.
- Время загрузки страницы должно быть минимальным. Иначе пользователь может покинуть ресурс в поиске более быстрого источника информации.
- Используйте внутреннюю перелинковку. Ссылки на релевантные и актуальные статьи помогают увеличить трафик и улучшить поведенческие метрики.
- Запланируйте при верстке страниц, в каком месте вы будете размещать рекламу, чтобы при появлении партнеров или заказчиков не нужно было в срочном порядке менять дизайн и дорабатывать код.
- Сайтам с высокими требованиями к качеству контента полезно указывать автора и размещать информацию о нем на отдельной странице.
Маркетплейс или агрегатор
Отдельный вид сайтов, который может совмещать в себе все требования, описанные выше. Его основная задача — покрыть максимальное количество поисковых запросов вне зависимости от того, коммерческие они или информационные.
Чтобы привести как можно больше пользователей на сайт и удержать их, при создании ресурса продумайте следующее.
- Используйте фильтры, теги и сортировки. С их помощью получится охватить большое количество ключевых слов.
- Создайте страницы брендов или специалистов. Пользователи часто ищут информацию о незнакомом бренде или профессионале перед покупкой товара либо заказом услуги.
- При проектировании сайта учитывайте, что на площадке будет две категории пользователей: продавцы и покупатели. Поэтому нужно продумать два варианта личного кабинета и их функциональность.
- Реализуйте персонализированные рекомендации для каждого пользователя на основе уже просмотренных товаров, услуг или статей. Такой подход увеличит количество времени, проводимое пользователем на сайте, что положительно скажется на общей репутации сайта для поисковика.
- Агрегаторы всегда составляют рейтинги и ТОП-листы продуктов, услуг или новостей, поэтому стоит учесть наличие такого раздела в основном меню.
Как настроить шаблоны метатегов
Когда каждый тип страниц для сайта готов, нужно подготовить содержимое метатегов и заполнить их в административной панели ресурса.
Метатег — это служебная часть HTML-кода страницы, расположенная в теге head. Они служат для предоставления информации о самой странице. Для SEO это способ взаимодействия с поисковыми машинами через Title и Description.
Для больших сайтов с сотнями страниц, где постраничная оптимизация может занять не один час, подойдут готовые и автоматически настраиваемые Title и Description. Но если вам срочно нужно зарелизить небольшой сайт, то шаблонные метатеги будут практичным решением для этого.
Самые распространенные шаблоны включают в себя:
- название услуги или товара,
- их цену,
- наименование сайта или бренда,
- регион продвижения,
- заголовок статьи,
- ее автора и дату публикации.
Такие данные обычно можно сформировать на основе переменных документа из тегов
h, div и других.А чтобы занять выигрышное положение, при наполнении сайта контентом сразу используйте самые популярные ключевые слова в
h1. Но стоит помнить, что они должны быть вписаны органично, в нужном роде, падеже и числе.Часто встречаю на сайтах, не только старых, но и молодых в том числе, заполненное поле Keywords. Сейчас это уже рудимент, так как перечисление ключевых слов через запятую никак не влияет на позиции и продвижение сайта.
Где искать ключевые слова
На начальном этапе можете воспользоваться бесплатными сервисами, а в дальнейшем уже проводить аналитику и корректировать вхождения ключевых слов с помощью SEO-инструментов.
- Яндекс Вордстат показывает несколько видов частотности запросов: общую и точную. Для начального этапа при создании сайта можно опираться только на общую.
- Google ADs предназначен для настройки контекстной рекламы и анализа необходимых ключей, но для SEO он тоже будет полезен для поиска идей и анализа спроса.
Оба сервиса работают по схожему принципу: нужно ввести одно или несколько слов, напрямую характеризующих вашу сферу деятельности (бизнеса) или же тематики сайта, а сервис покажет наиболее популярные запросы за месяц. Еще у них есть функции настройки региональности и поиска близких по тематике слов-синонимов.
Выбор поисковой системы для продвижения
Если вы планируете продвигать свой сайт в России, ориентируйтесь на две поисковые системы: Google и Яндекс. У каждой есть свои особенности и факторы, влияющие на продвижение. Например, Google более дружелюбен к IT-тематике, а в Яндексе проще развивать локальный бизнес.
Иметь одинаковые позиции в обоих поисковиках практически невозможно из-за разницы в подходах к индексированию. Поэтому в первые месяцы после релиза проекта понаблюдайте, где ваш сайт чувствует себя более уверенно, а у вас получается достигать поставленных целей, будь то трафик на сайт или количество продаж. В дальнейшем советую сфокусироваться именно на выбранной поисковой системе, так как, улучшая что-то для высокой позиции в Яндексе, вы можете потерять хорошие показатели в Google. А вернуться на лидирующее место обратно бывает сложно.
Работали ли вы с SEO для вашего сайта? Делитесь своим опытом и советами в комментариях!
Комментарии (26)
diakin
04.07.2024 10:19А еще можно картинки сохранять в нужный размер и как jpg, тогда вместо 1.5 мб размер станет 40 кб.
ilekarev
04.07.2024 10:19+2Одно из самых старых правил SEO: тег
h1на любой странице всегда должен быть одинЕсли только вы не слышали про html5
<body> <h1>Заголовок 1</h1> <article> <h1>article 1 Заголовок</h1> <p>Какойто текст</p> </article> <article> <h1>article 2 Заголовок</h1> <p>Какойто текст</p> </article> </body>Например, здесь можно использовать
h1не беспокоясь на каком уровне находится конкретный раздел. https://www.w3.org/TR/2013/CR-html5-20130806/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elementsЭто связано с тем, что поисковые системы считают наиболее важной информацию, которая ближе расположена к главной сайта
Сомневаюсь, что вы знаете как работает поисковая система изнутри
FiL_SEO Автор
04.07.2024 10:19+1Например, здесь можно использовать
h1не беспокоясь на каком уровне находится конкретный раздел. https://www.w3.org/TR/2013/CR-html5-20130806/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elementsВ теории всегда звучит красиво, буду рада почитать про Ваши кейсы продвижения подобных документов :)
alexnozer
04.07.2024 10:19+2Вы ссылаетесь на устаревшую и уже не актуальную версию спецификации, ещё и на снапшот от 2013 года. Официальная спецификация — HTML Living Standard.
В старых стандартах действительно можно было использовать сколько угодно
<h1>, это относилось к попытке реализации алгоритма outline с вычислением уровня заголовка на основе вложенности секционных элементов.Но этот алгоритм не был реализован ни одним из браузеров, и в конечном счёте его удалили из стандарта. Сейчас в примерах используются уровни заголовков, хотя и есть один пример с несколькими
<h1>.Но если выйти за пределы стандартов HTML и посмотреть на те же обшепринятые практики SEO или стандарты доступности, то всё-же правило "один
<h1>на страницу" актуально. Более того, это даже логично.ilekarev
04.07.2024 10:19С одной стороны логично, с другой нет. Например есть
titleв котором и пиши главный заголовок. Тегarticle- это отдельная сущность, которую можно вырезать из одного документа и вставить в другой, без переписывания в нём тегов.В самой же спецификации не запрещено. Наоборот, разрешено. Ссылку которую вы скинули не просто какой-то пример с несколькими
h1, на нём так и написано:A document can contain multiple top-level headings(Документ может содержать несколько заголовков верхнего уровня) т.е. его именно для этого туда и поместили.То что в старых версиях спецификаций и в новых это не запрещается, значит можно. То что СЕОшники говорят что так нельзя, ну так копируют друг друга, они много что говорят. Причем, как видно, в разрез со спецификацией. Да, набор их действий правильно/неправильно может привести к какому-то положительному результату, но они точно не скажут что это случилось из за этого вот тега.
13pd403
04.07.2024 10:19+1Сотня статей и видосов по SEO прочитано и пересмотренно. Но оно просто не хочет работать и все тут. Гуглу вообще пофиг на то сколько товаров, что на каждом товаре уникальный текст, что у каждого товара есть 1 h1, описание на 1200 слов с заголовками до h3, ключевыми словами. Гуглу пофиг, что у каждой страницы с каталогом также есть h1 допустим "Gold rings", если выбрать в фильтрах gold, zircon, то h1 будет gold ring with zircon (Это делается динамически), описание. То есть страницы явно подходят под структуру, а эту фичу с динамическим h1, описанием, мета title, description, я задолбался реализовывать. И ничего, за год существования сайта с такой структурой просто ничего. Я не знаю, это может быть связанно, что язык сайт en, весь текст en, а хостинг в турции?
FiL_SEO Автор
04.07.2024 10:19Что Вы имеете в виду под "ничего" ? Нет желаемых позиций, продаж, сайт не в индексе?
Какой у вас регион продвижения?
13pd403
04.07.2024 10:19Нет показов по ключевым словам, например, silver rings, buy silver ring, zircon ring, ring with zircon, jewelry handmade, online jewelry shop, и т.д. хотя слова используются в меню, описании товара, страниц, мета тегах страниц. Сайт на английском продвижение на англоговорящих, а какой регион, я не знал, что его можно выбирать при продвижении. Раньше сайт был на турецком, хостинг турецкий.
Ничего я имею ввиду 84 клика за год и 1000 показов. И то в основном по названию сайта, или по словам типо eo7(несколько кликов), так раньше назывался товар, потом был переименован в что-то типо Silver earring with diamonds "Night dream". То что пишется в кавычках это для того чтоб каждее название было уникально, потому что таких серёжки с бриллиантами там сотни.
Есть другой проект. Там индексируется по словам RTX4060 laptoplar, asus vivo book ..., msi Victor gp66, и прочие ноуты. Показов мало и позиция низкая( 50 - 100 место), но он индексирует хотя-бы по этим словам.
Знаю, что нужно закупать ссылки вкладывать деньги и тд. , но перед этим ведь надо чтоб вообще текста нормально работали, на сайте с ноутами можно попробовать, а вот на сайте с ювелирной вообще не идет
alexnozer
04.07.2024 10:19С точки зрения HTML всё может быть сделано правильно. Но это лишь один из факторов. Текст может быть уникальным, и описания по 1200 символов, но само содержание текстов, ключевые слова, формулировки могут не нравиться гуглу.
Также сайт может иметь все метатеги и правильную иерархию заголовков, но быть медленным как для пользователя, так и с точки зрения метрик Lighthouse.
Если сайт работает как SPA на модных фреймворках, это тоже может свести на нет усилия по созданию структуры и уникальных текстов. В общем нужно детальнее копать.
ZardoZAntony
04.07.2024 10:19Как человек, который не раз это все реализовывал по таскам от сеошников, скажу что в статье не хватает примеров. И как там насчёт schema.org?
FiL_SEO Автор
04.07.2024 10:19Про schema.org уже рассказывали в другой статье, на которую дала ссылку :)
Ранее мы выпустили текст о том, как разработать HTML-шаблон страницы с учетом SEO. Моя статья ориентирована больше на оптимизацию разных типов сайтов, а не код.
Буду благодарна, если подробнее поделитесь, каких примеров Вам не хватило? Возможно, смогу дополнить статью ими.
Kuch
Вопрос, что делать с seo в spa, где весь html это один div, а весь контент подгружается и рендерится динамически. P.S. ssr опускаем за скобки вопроса
LLIypLLIuk
Поисковики вполне умеют в обработку динамического контента и нормально индексируют.
FiL_SEO Автор
У Гугла все же получается лучше :)
FiL_SEO Автор
Хороший вопрос, звучит как тема для еще одной статьи :)
Если вкратце, то следить за отображением контента на странице (есть достаточно расширений и сервисов, которые отображают, какие элементы отдаются роботу при отключении JS) + один из популярных способов - это пререндер, который отчасти решает проблему динамического контента.
Kuch
Так смысл spa в том, что без js вообще нет никакого контента, кроме одного пустого div. Также не работает и пререндер, так как есть только один html, который состоит только из одного div, а любые страницы рендерится динамически.
Поэтому вопрос все ещё открыт.
tltary
Делаешь пререндер страниц, при первой загрузке отдаешь html в теге id="app"
Дальше как js загрузится будет спа, при дальнейших переходах тоже
бот заходит на целевую страницу, он увидит контент и разметку, для пользователя ничего не изменится
либо SSR
Kuch
Где делаешь пререндер? Если на сервере, то это уже вопрос в сторону ssr.
Опять уход от вопроса. Как без изменений на сервере, только на фронте в spa улучшить seo
tltary
Где уход от вопроса то?
Если проект это чисто спа, то нужно ли там сео?
Если делаешь проект под сео значит надо изначально брать подходящий инструмент
Для лендоса неважно спа или не спа, так как там особо нечему индексироваться, либо он будет огроменный и до цели клиент не дойдет
Сайт на 500+ страниц делать как спа выбор странный
Хотите и сео и спа то вопрос к ssr
Либо надеяться что поисковые роботы дождутся рендера
Kuch
Спасибо за ответ не на мой вопрос)
А вопрос был как раз про сео для spa)
Про переход на ssr я и так написал в первом же сообщении, это и так понятно и очевидно.