Чистота кода и SEO

— Привет, меня зовут Максим Покровский. Вы находитесь в моем рабочем кабинете. Поскольку я фрилансер, будем считать, что именно так он и выглядит. Здесь я пишу много интересных вещей, и если вы почувствовали, что я именно тот человек, который вам нужен, то я всегда открыт для контакта.

Внимание:

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

Заказать мне работу

14.08

Чистота кода и SEO

Комментарии (5) CSS, HTML, SEO

Я решил рассмотреть проблему «замусоренности» кода не с позиции профессионализма или красоты (пеньку понятно, что чем красивее код, тем больше ваш уровень как специалиста), а с позиции посещаемости сайта, но для начала поясню, что я подразумеваю под понятием чистый код.

Все стили вынесены в файл
Со скриптами ситуация сложнее, но по возможности тоже в один файл.
Скажем нет формированию отступов через
Таблицы хороши в меру. Если у вас есть хотя бы одна вложенная таблица – это серьезный повод задуматься.
Чем меньше контейнеров тем лучше.
Использование селекторов CSS здорово улучшает код.
Использование CSS, вообще, здорово улучшает код

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

Во-первых, не каждый поисковик будет индексировать всякий там хлам. Оптимально для любого поисковика - 100 кб. Вот цитата с Рамблера

Максимальный размер документа для роботов Рамблера составляет 200 килобайт. Документы большего размера усекаются до указанной величины. Впрочем, размещать в Сети документы такого размера без особой на то необходимости - все равно дурной тон; мы рекомендуем в любом случае ограничивать объем документа разумными рамками.

Во-вторых динамический код индексирует только Yandex, Google и Rambler наказывать за это не будут, но и индексировать тоже.

Третье чем легче код, тем больше робот «пережует страниц» за сессию.

Не верите мне? Сейчас докажу.
Как часто вы, набирая в поисковике какой-либо запрос, попадали на форумную страницу для печати? Уверен частенько. А все потому, что если вы перейдете на стандартную версию, то увидите «там грязный» код и кучу вложенных таблиц. Страница для печати более релевантна и потому выше в выдаче. (если она не запрещена для индексации)

И разумеется не забывайте, что если вас сайт на первой позиции в Яндексе, но грузится при этом по 5-10 минут, и имеет развалившееся страницы , то посетитель слиняет от вас и никогда больше не вернется.

Метки:CSS, HTML, SEO

1
Fearus (16.08.2007) #
Также рекомендую JS выносить в отдельный файл (по возможности все).
2
le`Mur (16.08.2007) #
Спасибо. Проапдейтил.
3
Структурируем HTML. Версия Покровского. » PokrovBlog | Максим Покровский о правильном Веб-дизайне (25.02.2008) #
[...] в жизни добьется. Верстать надо красиво и чисто. Про чистый код я уже рассказывал. Теперь о красоте будем [...]
4
Эзотерик (19.05.2008) #
Немного добавлю…

1. Очень желательно как можно меньше использовать комменты к коду, для поисковика это тоже мусор.

2. Почистите тег head, там есть мусорные мета-теги, например это: <meta name=”generator” content=”WordPress 2.5.1″>, причем на Вашем блоге этот мусорный тег используется дважды… Тоже касается и практически бесполезного, а чаще вредного тега keywords.

3. Как можно меньше используйте плагины для Wordpress, которые вставляют в шапку блога вызовы кода яваскрипт и свои листы стилей. Их можно заменить более скромными в этом плане плагинами с не меньшим при этом функционалом. Ну или их частенько вполне можно переписать/оптимизировать специально, для минимизации этих включений.

4. Если плагины вставляют в шапку код комментариев, его тоже очень даже стоит убрать. Открывайте код плагина и ставьте два слеша перед кодом их вызова. Тоже касается и разных счетчиков, например счетчик Рамблер Топ100.

5. Код счетчиков не стоит ставить в шапке, сносите его в подвал. На блог не придет много посетителей с топа, а вот самая важная часть шаблона страницы с точки зрения паука будет использована не оптимально. Для него самый важный код находится вверху страницы. Кроме того, загружая код счетчика раньше основного контента Вы замедляете его отображение броузером, а люди ленивы и не любят ждать.
5
Максим Покровский (19.05.2008) #
Спасибо за дельный коммент.

Оставить комментарий

Имя (обязательно)

E-mail (не публикуется) (обязательно)

Сайт

Вы можете использовать простые теги форматирования HTML (вроде <a>, <ul> and others). Чтобы вставить пример код, используйте
<code lang="php">$a = "hello";</code> (поддерживаемые языки: ruby, php, yaml, html, css, csharp, javascript). Также Вы можете использовать <code>$a = "hello";</code>, синтаксис не будет подсвечен. Если вы не хотите использовать тег <code>, замените символ < на <