Сегодня поговорим о SEO вёрстке и оптимизации шаблона . Для начала рассмотрим теги «H », а именно h1 , h2 , h3 и т. д. - это теги, которые обычно используются для вывода заголовков.
Для тех пользователей, которые слабо разбираются в сайтостроении и для каковых теги h1 - h6 , strong и прочее ни о чём не говорят советую прочитать руководство по HTML , в противном случае неопытный пользователь не многое поймёт в этом уроке.
Теги h1, h2, h3, h4, h5, h6 на сайтеПервое чтобы я выделил - это то, что эти теги должны присутствовать только в контенте, то есть совершенно не допустимо использовать их, например в сайдбаре, футере или ещё где-либо. Многие шаблоны делаются далёкими от SEO оптимизации и такие люди могут выводить заголовки в виджетах, сайдбарах в виде тегов «h» , а также могут выводить текст в футере через данные теги, это не есть хорошо с точки зрения SEO, для поисковых систем эти теги имеют очень большое значение поэтому использовать их нужно с умом и применять только в той, части сайта, которую продвигаете, то есть в статьях.
Данные теги изначально были придуманы для вывода текста статей и когда робот заходит на сайт, то по ним он понимает где та часть страницы которая является статьёй и если эти теги будут встречаться в footer, sidebar, header и т. д. то вы, говоря простым языком запутаете робота. Содержимое этих тегов имеет большое значение в глазах поисковиков, поэтому если через «h» вы будете выводить слова наподобие «рубрики», «комментарии», «поиск» притом что статья, например об инвестициях, то вы тем самым снижаете релевантность страницы, поскольку эти слова ни как не вяжутся с темой «инвестиции».
В общем что я хочу сказать? Если у вас в сайдбаре, футере и прочем используются теги «h», то замените его, просто используйте css класс, который будет иметь те же свойства как h1 - h6 и выводите этот тег через div или если например в боковом меню информация выводится списком, то можно ипользовать первый элемент списка в качестве заголовка.
В результате этот текст для посетителя будет выглядеть как желаемый «h », но поисковые системы расценят его в виде простого текста.
Помимо прочего их нельзя ещё обрамлять такими тегами, как strong
, b
то есть делать их жирными. Если уж необходимо сделать заголовок жирным, то опять же делаем это через CSS.
Большая часть значимости текста заключается в тегах h , так что если вы сделаете их жирными, то поисковики расценят их как спам!
Тег h1 должен встречаться на странице только один раз, то есть в заголовке статьи, все подзаголовки выводятся в h2 , h3 , h4 и т. д.
На некоторых сайтах выводится название ресурса через h1 , это ошибка большинства, этот тег воспринимается поисковыми системами как заголовок статьи, поэтому именно в заголовке он и должен находится и нигде больше!
Ну и последнее о тегах h . Они должны пропорционально уменьшаться в статье, от большего к меньшему.
Ссылка сама на себяНи одна страница вашего сайта не должна ссылаться сама на себя . Например, на многих шаблонах используется заголовок в самой статье в качестве ссылки на саму себя, такая же беда может встречаться и в хлебных крошках.
Хлебные крошки - это путь к конкретной странице сайта.
- хорошо: главная -> рубрика;
- плохо: главная -> рубрика -> название статьи.
Таким образом вы убьёте двух зайцев.
С одной страницы вашего сайта должна идти только одна ссылка на другую страницу этого сайта . Имеется в виду, что не должен быть переход со страницы «А» две ссылки на страницу «Б». С одной страницы может идти сколько угодно ссылок, но на разные страницы сайта, это и есть хорошая перелинковка . И ещё нельзя делать текст ссылкой заключённый в теги h1 , strong , b .
Ссылка на HTML картуСо всех страниц сайта должна быть ссылка на карту сайта (всего содержимого) . Это даст вашему сайту сразу несколько преимуществ. Во-первых, получаем равномерное распределение веса по всем страницам сайта. Во-вторых таким образом с главной можно будет добраться всего в два клика, таким образом вы уменьшите уровень вложенности страниц также это способствует лучшей индексации вашего сайта. Получается что все статьи будут третьего уровня вложенности.
Java скрипты в отдельный файлВсе имеющиеся скрипты нужно вынести в отдельный файл . За исключением счётчиков, всё остальное что отвечает например, за вывод рекламы, кнопки, прокрутка и т. д. выносится в файл, это нужно для разгрузки HTML кода, так как роботы это не любят да и не понимают Java скрипты. Роботам нужно давать индексировать то, что является важным и ценным в плане поисковой оптимизации и Java скрипты сюда ни как ни вписываются.
Повторяющиеся отрывки текстаГде можно встретить такое? Данные дублирующиеся куски текста как правило, встречаются в подвале сайта. На многих сайтах можно встретить довольно большие футеры на которых много различной информации:
- копирайты;
- условия содержимого сайта;
- сайты самоубийцы с ключевыми словами.
Есть люди, которые размещают в подвале ну очень большой текст, который выводится на всех без исключения страницах. Нафига?
Робот не индексирует отдельно статью вашей страницы, отдельно футер и сайдбар, он индексирует весь текст на странице, включая footer и sidebar.
Если вы разместите огромный текст в подвале сайта то тем самым снизите релевантность страницы, поскольку информация с запретом копирования никак не относится к основной статье.
Проверим повторяющиеся нетематические куски текста, заодно покажу как Гугл понимает ваш сайт . В Google Вебмастер во вкладке «индекс Google» перейдите по ссылке «ключевые слова в содержании».
Здесь вы и увидите как Гугл распознаёт тематику вашего сайта, первая десятка слов самая важная и нужно чтоб она соответствовала тематике вашего сайта.
Как видите на сайте о знакомствах первая 10-ка отлично вписывается в эту тематику. Эти слова чаще всего встречаются на сайте, заметьте, ни на какой то отдельной странице, а абсолютно на всех.
На тех сайтах, которые неправильно оптимизировали шаблон, здесь будут отображаться слова, которые не имеют отношения к конкретной тематике. Например, если в футере выводится текст на всех страницах о запрете копирования, то слова copyright, запрет, копирование и т. д. возможно будут в этом списке, это плохо, это же относится и к рубрикам, поискам, подписке.
В общем нужно скрывать данные отрывки, иначе ваш сайт будет ни о чём, о рубриках, запрете копирования, о комментариях...
Закрытие внешних ссылокАбсолютно все внешние ссылки нужно закрывать от индексации . Не нужно ставить открытые ссылки на сторонние ресурсы, будь то социальные сети или поисковые системы. Закрываем всё без исключения как минимум через . Это нужно для того чтоб сайту на который вы ссылаетесь не передавала частичку веса, а это нам ни к чему, вес передавать нужно на те страницы, которые мы же и продвигаем!
Давайте наверное уже начнем оптимизировать Поехали!
Пример излишней нагрузки на сервер.Допустим пользователь зашел на сайт, но что происходит при открытии страницы? Как информация выводится на экран? Давайте проследим сей процесс на примере заголовка сайта.
Заголовок и URL главной страницы сайта, если Вы помните, задается в настройках WordPress: адимнка -> Параметры -> Общие. Все настройки, имеющиеся во вкладке «Параметры», заносятся в базу данных, а точнее, в таблицу wp-options , откуда в последствии они запрашиваются различными функциями и выводятся на экран.
Разработчиками WordPres написано не мало функций, но сами по себе они выполняться не могут. Для полноценной их работы необходимо некое связующее звено, в роли которого выступает шаблон сайта.
Шаблон, как известно, состоит из ряда файлов, каждый из которых отвечает за отображение определенного участка сайта. Нас же сейчас интересует шапка, где выводиться заголовок, поэтому откроем файл header.php и поглядим, что там прописано.
В большинстве шаблонов, главный заголовок сайта заключен в тег h1 , поэтому ищем участок кода с данным тегом. В моем шаблоне код вывода заголовка выглядел так:
А теперь, самое интересно. Если заглянуть в исходный код, то код заголовка там примет совершенно другой вид:
Вот такой код заголовка и должен быть прописан в файле header.php. Тогда сервер избавиться от двух совершенно лишних обращений, умноженных на количество открытых страниц.
Но тогда зачем в файлах шаблона прописываются вышеупомянутые функции?
Дело в том, что разработчики не могут знать, на каком домене в последствии будет использоваться сверстанные ими шаблоны и какие названия будет у сайтов они тоже знать не могут. Поэтому и были разработаны универсальные функции для всех шаблонов, которые получают данные из БД.
Но мы то с вами знаем, как называется наш сайт и домен нам тоже известен. Выходит так, что использовать данные функции нет никакой необходимости.
Поэтому, начиная с файл header.php ищем участки кода, с вышеупомянутыми функциями, затем смотрим, как они выглядят в исходном коде и заменяем.
Для закрепления материала я приведу несколько примеров. Вот код, который выводит информацию о кодировке.
queries in seconds.
В результате после загрузки страницы, в самом низу (в области подвала), вы увидите, сколько при этом было сделано обращений к БД:
Удачи вам! До скорых встреч на страницах блога сайт
посмотреть еще ролики можно перейдя на ");">
Вам может быть интересно
Пропало левое меню в админке WordPress после обновления
Создаем для блога на WordPress кнопки добавления в социальные сети и закладки (без плагинов и скриптов)
Снижение потребляемой в WordPress памяти при создании страниц - плагин WPLANG Lite для подмены файла локализации
Смайлики в WordPress - какие коды смайлов вставлять, а так же плагин Qip Smiles (красивые смайлики для комментариев)
Как автоматически добавить атрибут Alt в теги Img вашего блога на WordPress (там, где их нет)
Hyper Cache - включаем плагин кэширования в Вордпресс для оптимизации WP блога и снижения его нагрузки на сервер хостинга
Теперь можно покопаться в шаблоне (находится в /wp-content/themes/имя_шаблона/).
Попробуем убрать лишние запросы к базе данных при загрузке страниц вашего блога. Дело в том, что разработчики темы оформления для WordPress делают ее универсальной и подходящей, естественно, к любому блогу, с условием, что этот блог работает на движке WordPress. Поэтому, например, чтобы выводить на страницах вашего блога в шапке (верхняя часть шаблона страницы) название блога, необходимо в файле header.php вашей темы оформления прописать код на языке PHP, который запросит это название из базы данных и затем уже вставит его в код страницы.
Для этого скачаем редактор Notepad++
, так как нам нужно работать в формате UTF-8 without BOM
!
Внимание
: Редактируйте файты WordPress’a только редакторами, поддерживающими формат UTF-8 without BOM!!!
Вот полезный код для вставки в шаблон на время оптимизирования(чтобы узнать, сколько запросов к БД идёт со страницы):
/>
Строка выбора кодировки страницы, меняем:
” />
Тайтл (Меняем ТОЛЬКО в случае, если вас сателлит или ГС, настроенный под сапу и тд. так так на всех страницах станет одинаковый тайтл):
» Blog Archive
Тут впишите свой тайтл
Информация о движке:
” type=”text/css” media=”screen” />
” />
/”>
Название Блога
Если описание блога определено, и не собираетесь менять в ближайшее время, то:
Описание вашего блога
Вроде всё, с файлом header.php закончили. Ах, да, я делал немного проще: Зашёл к себе на сайт (когда ещё ничего не оптимизировал в шаблоне), посмотрел исходный код этой HTML страницы, скопировал шапку и вставил в файл header.php. Вышло гораздо быстрее
- удалить строку с информацией о номере установленной версии WordPress . Она не несет никакой полезной нагрузки, и более того, является опасной, т.к. некоторые варианты взлома применимы только к определенным версиям WordPress, а из этой строки как раз очень удобно узнавать текущую версию вашего движка. Выглядит эта строка обычно так:
- заменить URL до иконки favicon.ico на статический. Вы не знаете для чего нужна иконка под названием favicon.ico ? Она будет отображаться, например, в поисковой выдаче слева от названия вашего сайта или же в браузерах (в адресной строке или перед названием страницы на вкладках), при открытии страниц вашего блога. У моего блога это иконка желтой лампочки. Если у вас еще нет favicon.ico , то обязательно создайте ее и пропишите путь к ней файле header.php . Она придаст вашему блогу индивидуальность и узнаваемость. В оригинальном файле header.php строка с заданием пути до favicon.ico может выглядеть примерно так:
- заменить URL до на статический. В коде файла header.php это строка:
1
Статьи по темеЕще статьи из этой рубрики
