07.04.2019      92      0
 

Проблемы Vamshop 1 в плане SEO.

Сегодня я хочу поговорить об огрехах моего любимого движка для интернет-магазинов, в плане SEO. Нисколько…


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

Проблемы вёрстки — дублирующиеся заголовки H1

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

Скачиваем купленный движок, устанавливаем его на свой сервер, или попросту идём на сайт разработчика — посмотреть Демо. Открываем html код главной страницы и что мы видим? Два заголовка h1. Причём даже не имеющие отношения к тематике нашего проекта. Один из заголовков — «Новинки», второй — «Отзывы». Любой, кто более-менее вникал в тему продвижения интернет-проектов, придёт в ужас от такого нерационального использования столь мощного инструмента, как заголовок h1. Что с этим делать? Ну, например, можно заменить заголовки h1 на тег span с css-классом h1. Я мог бы назвать конкретные файлы, где нужно это сделать, но я ограничусь лишь тем, что сделаю наводку: основная масса проблемных файлов лежит в теме оформления, в папке модулей. У меня это templates/vamshop1/modules/ Я не разъясняю, в каких конкретно файлах делать правки, потому что это, увы, лишь первая из многих проблем, связанных с заголовками. Если для всех проблем расписывать подробно где и что править, придётся написать слишком много текста. Прежде всего, обратите внимание на папки boxes и modules.

Ещё одна проблема — хаотичность структуры заголовков

Вернее будет сказать: отсутствие таковой. Опытные сеошники знают, что заголовки от h1 до h6 помогают структурировать текст. Их грамотное использование,  делает текст не только удобным для чтения посетителем сайта, но и помогает поисковому роботу понять, что на странице не просто бестолковая информационная простыня, а грамотно структурированный, составленный для людей текст. И в оформлении текстов, есть такое правило — не то, чтобы догма, скорее — хороший тон. Если в структуре вашего текста присутствует заголовок h3, то в нём обязательно должен быть и заголовок h2, потому что назначение заголовков прежде всего заключается не в том, чтобы влиять на поисковую выдачу, а в том, чтобы разбивать длинный текст на смысловые блоки.  И это довольно нелепо — разбивать текст заголовками третьего уровня, если он не разбит заголовками второго уровня. Впрочем, в мои задачи сейчас не входит объяснять прописные истины сферы SEO. Я лишь хочу сказать, что в темах оформления Vamshop версий 1.** прописана и масса совершенно не нужных там заголовков уровня 3 и 4 — h3 и h4. Например, в vamshop более десятка боксов. И у каждого есть заголовок h3. Не несущий ровно никакой смысловой нагрузки. Зачем?! Чтобы поисковик находил ваш магазин оловянных солдатиков вовсе не по запросам «Купить оловянных солдатиков в Москве», а находил по нелепым запросам: «Оловянные солдатики Корзина Новинки Отзывы?» Да-да! Именно так. В общем, если вы хотите успешно продвинуть свой интернет-магазин на vamshop, то вот вам первый совет.

Чистим html код магазина от заголовков

Вооружитесь хорошим текстовым редактором. К примеру, Notepad++. Используя его широкие возможности, найдите в теме оформления вашего магазина все заголовки h1, h2, h3 и так далее. Используя, опять-таки, широкие возможности Notepad++ замените эти заголовки на те же теги span, например. С классами class=»h1″, class=»h2″ и так далее. Это для того, чтобы внешний вид боксов и модулей остался неизменным. Пропишите для этих классов стили в css-файле темы оформления.  Вычистите заголовки из темы оформления вообще. У вас должна быть полная свобода в управлении заголовками на любой странице магазина. А ни о какой свободе в этом плане не может быть и речи, пока заголовки жёстко прописаны html код страницы. Оставьте h1 лишь в тех файлах, где этими заголовками обозначаются названия категории товаров или наименования товаров.

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

Здесь мы видим, что в файлах темы оформления нам нужно найти фрагмент кода

И заменить его на

И тоже самое нужно проделать с закрывающим тегом

заменив его на закрывающий тег

Мы можем найти его вручную, среди сотни файлов. Подсказываю, что данный фрагмент кода находится в файле
templates/vamshop1/boxes/box_reviews.html
Однако, гораздо удобнее воспользоваться возможностями упомянутого редактора и выполнить автоматический поиск и замену каждого из этих текстовых фрагментов во всех файлах папки vamshop1 и вложенных папках. Код, кстати, аналогичный для многих боксов. И выполняя автоматизированную замену вы сильно сэкономите время. Иногда, по неопытности можно наделать случайных ошибок, что приведёт в тому, что у вас посыплется вёрстка. Так что лучше сделать резервную копию вашей темы оформления.

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


Алексей
Об авторе: Алексей

Меня зовут Алексей, мне 39 лет, и вот уже десять лет как одним из моих многочисленных увлечений стало создание и продвижение сайтов. Подчёркиваю, что это именно хобби, а не основная моя работа. Тем не менее, я никогда не упускал возможности заработать на своих увлечениях. На страницах этого сайта, вы найдёте как множество моих наработок в сфере сайтостроения, так и полезную информацию о продвижении готовых сайтов. Если вы любознательны и любите узнавать новое, мои рекомендации помогут вам освоиться в непростом деле создания сайтов и их продвижения. Ну а если вы слишком далеки от html, css и прочих web-штучек, вы всегда можете воспользоваться моими услугами как вебразработчика, так и сеошника. Желаю Вам с пользой провести время на моём сайте!

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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