Приветствую, друзья! Сегодня я покажу как проверить и оптимизировать код своего блога или любого другого сайта.
В статье о составляющих внутренней оптимизации сайта я уже говорил, что она является первейшим и основным звеном в успешном продвижении. Оптимизацию кода можно назвать одной из важнейших составляющих всей оптимизации сайта.
Создавая новый сайт люди, чаще всего, берут бесплатные шаблоны, коих выложено в сети огромное множество. Но, эти шаблоны не всегда имеют оптимальную структуру кода, соответствующую требованиям поисковых систем.
Разбором и решением данного вопроса мы и займемся сегодня.
Сразу же хочу обратить ваше внимание на необходимость знания на начальном уровне языков html, PhP и CSS. Для изучения их основ могу порекомендовать курсы Евгения Попова, в частности «WordPress — профессиональный блог за один день».
Если же вы не хотите самостоятельно оптимизировать код, то можете обратиться ко мне. Цена на данную услугу — от 30$.
Где и как редактировать код
Просматривать и редактировать код можно следующими способами:
- Из административной панели сайта.
В wordpress, на котором работает этот блог, очень удобная административная панель и редактор кода. Я редактирую код своих шаблонов именно этим способом.
Просто устанавливаю понравившийся шаблон, активирую его, иду в раздел «Дизайн» — «Редактор» (у вас он может называться «Внешний вид» — «Редактор») и проделываю все необходимые действия.
- С помощью специализированного редактора для компьютера
Скачав тему на компьютер вы сможете работать с её файлами с помощью обычного текстового редактора. Например, Notepad.
- Так же посмотреть «внутренности» любого сайта (без редактирования) можно просто нажав клавиши CTRL + U, находясь на нем.
Для упрощения закачки файлов на хостинг и обратно используйте FTP клиент. Как работать с ним читайте в этой статье: как настроить и установить FTP.
Этапы проверки и оптимизации кода сайта
1. Проверка на валидность и кроссбраузерность
Валидность (то, какие ошибки в сайте видят поисковые системы) смотрим здесь: http://validator.w3.org. Вбиваем адрес сайта и смотрим полученные ошибки, исправляем возможные.
Этот пункт я обычно прошу выполнить знакомых программистов, так как сам плохо разбираюсь в валидности.
Кроссбраузерность — это корректность отображения страниц в разных браузерах. Часто бывает так, что в Мозила все показывает хорошо, а в Опере — съезжает какая-нибудь картинка или форма. Для этого устанавливаем на свой компьютер 3 самых используемых браузера: Opera, Mozilla, Internet Explorer и поочерёдно смотрим, как отображается сайт в каждом из них.
2. Оптимизация главной страницы
а) Тег H1, или заголовок первого уровня всегда должен быть один на весь документ. Для главной, желательно, заключить в этот тег название сайта, содержащее ключевые слова, по которым продвигается главная страница.
Обратите внимание, что h1 может и не использоваться на главной странице вашей темы оформления. Ничего критичного в этом нет.
Совет: для упрощения поиска любых тегов в коде нажмите CTRL + F и в появившемся окошке поиска введите искомый объект. Например, если вбить в поиск: «h1» или «h2», то нам будут видны все места, где употребляются данные теги.
б) Сделайте вывод остальных статей сайта с помощью тега h2 или <span>
Например на этом сайте на главной странице выводятся анонсы 6 последних статей, их названия, являющиеся ссылками заключены в тег h2. Советую делать заключение заголовков в <span>, если у вас выводится сразу много статей.
в) Используйте как можно меньше тегов h2-h6 в оформлении темы, заменяйте их старым добрым <span>.
h2-h6 необходимо использовать непосредственно в тексте статей. Чем больше вы употребите их в оформлении темы (например, в названиях блоков сайдбара или подвала сайта), тем хуже.
3. Оптимизация внутренних страниц
а) Заголовок внутренней страницы должен находиться в h1, как и на главной, лучше всего не делать его ссылкой на самого себя.
б) Закройте ненужные части контента в <noindex>, а ненужные ссылки в <rel=»nofollow»>. Такими ненужными частями могут быть, например, счетчики посещаемости или ссылки на автора темы.
4. Используйте метаполя
На продвигаемых страницах обязательно заполняйте такие мета-поля, как »keywords» и »description». Не смотря на возгласы о том, что их значимость упала уже практически до нуля — делайте это. Описание (Description) до сих пор используется поисковой системой Google.
В wordpress прописывать »keywords», «description» и «Title» можно с помощью плагина all-in-one-seo-pack или сео-всё-в-одном.
5. Проверка на вшитые ссылки
Нередко бесплатные шаблоны содержат скрытые ссылки, их добавляют владельцы сайтов, выкладывающих эти шаблоны или переводчики тем. Лишние ссылки не лучшим образом влияют на доверие к вам поисковых систем, особенно, если эти ссылки сквозные. Для проверки необходимо сделать следующее:
- Установить в ваш браузер плагин, показывающий исходящие ссылки с сайта и пройтись по всем страницам. Один из таких плагинов RDS бар. Обычно такие плагины выделяют ссылку определённым цветом.
- Проверить сайт на исходящие ссылки можно в этом сервисе: www.pr-cy.ru/analysis
6. Спорные моменты
Одним из спорных моментов является наличие ссылки со страницы, или как правильно говорить — с документа на самого себя.
Например, Сергей Сосновский в статье о правильном коде заголовков постов делает выжимку из руководства Лебедева »Про дом и про ссылки на самого себя«, в котором говорится о недопустимости содержания ссылки документа на себя.
Однако, на практике реализовать это очень тяжело, ведь помимо ссылки на главную страницу на большинстве сайтов имеются разделы, самые полезные статьи, последние статьи и так далее.
Думаю, по этому поводу не стоит сильно беспокоиться и терять на него время, так как 99% всех сайтов его не соблюдает и вряд ли когда-либо будет это делать.
Другая же точка зрения касается того, что по высоко конкурентным запросам желательно делать ссылку в продвигаемой странице с нужными ключевыми словами на себя. Якобы, это придает большую релевантность документу и страница легче двигается в выдаче (серпе).
Спорный момент, ибо он основан на обмане посетителей и поисковых систем. Стоит ли рисковать оказаться под фильтром ради мнимой выгоды?