Правильная оптимизация шаблона сайта: заголовки, юзабилити…

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

Правильная оптимизация шаблона сайта: заголовки, юзабилити...
Правильная оптимизация шаблона сайта: заголовки, юзабилити…

Поисковая оптимизация шаблона

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

Главная страница сайта:
Title – название/тематика сайта
<h1> — ключевые слова из названия сайта/семантического ядра. (Читайте, что такое семантическое ядро, и его правильное составление)
<h2> — заголовки постов
<h3> — заголовки разделов сайдбара/футера.
<strong> — ключевые слова из названия/тематики блога (лучше добавить в футер)

Внутренние страницы сайта:
Title – заголовок поста
<h1> — заголовок поста
<h2> — заголовок внутри поста
<h3…h6> — заголовки внутри поста

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

Если Вы никогда не оптимизировали шаблон на своем сайте, тогда это надо сделать, чтобы не терять трафик. В своем шаблоне, я временно удалил заголовок h1 с главной страницы. Все заголовки постов на главной странице не должны быть h1, как это было у меня в этом шаблоне. Если это не так – надо исправить. Заголовки сайдбара можно изменить на h3. У меня были h2.

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

Вместо 450 уникальных посетителей, стало заходить всего 300. Я проверил структуру заголовков постов, но ни одного заголовка h1 в статьях не было. Все статьи имели заголовок h2. После того, как я исправил эту ошибку, посещаемость возросла приблизительно на 100 человек. Потом я этот шаблон вообще удалил из-за множества других ошибок, с которыми возиться не было желания.

Заголовок h1 в статье должен быть только один. Также не желательно в пост добавлять два заголовка h2. Заголовки должны идти по убыванию: h1, h2… h6.

 

Кроссбраузерность

Кроссбраузерность — это настройка шаблона под все браузеры. Сайт во всех браузерах должен отображаться правильно. В некоторых браузерах дизайн сайта может быть искажен. Чтобы проверить, как отображается сайт в других браузерах, можно воспользоваться сервисом «browsershots».

На главной странице поставьте галочки, в каких браузерах хотите видеть, как отображается сайт, потом впишите в поле сверху «Enter URL Here:» адрес своего сайта. Нажмите «Submit». Через несколько секунд появится надпись на английском языке:

 There were already 121 screenshot requests for this website today. Please create a user account for more screenshot quota.

Что означает: для Вашего сайта было сделано 121 снимков…

А еще ниже, Вы увидите синюю надпись:

Click here for results from previous screenshot requests:
https://dvpress.ru/

Что означает: щелкни здесь, чтобы посмотреть результат. Нажмите на ссылку, в моем случае — это https://dvpress.ru/, чтобы увидеть результат. Вы увидите множество снимков Вашего сайта в разных браузерах. Вот часть снимков моего блога:

Как правильно оптимизировать шаблон сайта или блога
Как правильно оптимизировать шаблон сайта или блога

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

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

Многие люди посещают сайты не только через компьютер, но и через мобильные устройства. Я тоже иногда захожу на сайты через мобильный телефон. Мобильную версию сайта можно сделать быстро, с помощью плагина Wptouch, о котором я писал в уроке 102. Мой блог через мобильный телефон выглядит так:

Как правильно оптимизировать шаблон сайта или блога

Как правильно оптимизировать шаблон сайта или блога

Более подробно об оптимизации блога можно почитать в рубрике «Оптимизация».
________________________
К уроку 175. Как удалить сопли Google

7 комментариев к “Правильная оптимизация шаблона сайта: заголовки, юзабилити…”

  1. В общем-то конкретно по оптимизации шаблона сказано ничего не было. В общих чертах, всего по не многу.

  2. Тамара, на Ваш комментарий даже не знаю, что и ответить. Я вижу, что Вы рассуждаете о том, что Яндекс пишет… Яндекс SEO не обучает, поэтому советую Вам изучить курс по SEO, иначе все Ваши труды при написании статей надо будет переделывать. Могу дать ссылку на курс, если хотите.
    Знаю одного блоггера, он пишет статью, пишет, но счетчик у него почти на нуле. Могу ссылку дать, чтобы Вы убедились

  3. Тамара

    Юрий, думаю, что Вы не совсем правы в отношении количества заголовков h2. Насколько я поняла из помощи Яндекса, в статье может быть несколько заголовков h2, h3, h4…, но должна быть соблюдена иерархия. Т. е. название статьи (title) заключается в тег h1. Дальше, по смыслу статья разбивается на части и эти части помечаются тегом h2. Если текст частей под тегом h2 разбивается на еще более мелкие куски, то они должны быть в теге h3. Теги h4… используются в статьях редко и для наименее важных тайтлов.

    Не уверена на 100%, но мне кажется неправильным, когда название статьи отличается от заголовка h1. Иногда настолько, что зайдешь из выдачи по заголовку и не находишь его на странице, разворачиваешься и уходишь. Раньше я не знала, что так можно манипулировать и очень расстраивалась, что не нашла то, что искала. 😕

  4. Да, я согласен, но скрипт я не искал еще. Спасибо за подсказку. Я наверное года два назад, как подключил плагин, так и забыл о нем 🙂

  5. Но ведь плагин хоть немного но нагружает WP. Если всё будет грузиться из кода — будет значительно легче для всего сайта! 🙂

  6. Сейчас оптимизировать под мобильные устройства стало намного проще, ведь есть столько js скриптов! А чего стоят media queries!

Комментарии закрыты.

Прокрутить вверх