Как проверить и оптимизировать код сайта?

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

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

Как оптимизировать код сайта

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

Разбором и решением данного вопроса мы и займемся сегодня.

Сразу же хочу обратить ваше внимание на необходимость знания на начальном уровне языков 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% всех сайтов его не соблюдает и вряд ли когда-либо будет это делать.

Другая же точка зрения касается того, что по высоко конкурентным запросам желательно делать ссылку в продвигаемой странице с нужными ключевыми словами на себя. Якобы, это придает большую релевантность документу и страница легче двигается в выдаче (серпе).

Спорный момент, ибо он основан на обмане посетителей и поисковых систем. Стоит ли рисковать оказаться под фильтром ради мнимой выгоды?

Добавить комментарий

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