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

Приступим.
 
Допустим вы создали сайт. Выполнили внутреннюю оптимизацию. Начали наполнять сайт контентом. Закупаете постепенно ссылки.
Но держу пари, что вы еще не проверяли грамотность кода своего сайта и не задавались вопросом о том, как ваш сайт выглядит в разных поисковиках и как он выглядит для роботов Yandex, Google и других.

Проверим, верно ли все в коде вашего сайта и проверим его валидность.

Сначала проверяем правильность html кода.

Идем на сайт http://validator.w3.org/ .
Вписываем адрес вашего сайта в поле и нажимаем "Check".

У вас открывается страница с вашими ошибками.
Line показывает номер строки, где находится ошибка. Найти расположение ошибки вы можете таким образом: заходите на свой сайт>правой кнопкой щелкаете по фону>выбираете "исходный код страницы". Там ищите номер линии, на которой у нас ошибка.
Ошибок может быть и 50 и 1000. Не пугайтесь! Исправив одну ошибку, можно закрыть сразу несколько.

Например у вас ошибка связанная со списком "li" вида: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag. И куча ошибок того же вида.
Это значит, что вы пропустили либо закрывающий тег "/li" либо "/ul" или что то подобное. Просмотрите код очень тщательно и найдете ошибку. исправив одну такую ошибку, вы можете избавиться сразу от ряда подобных ошибок, как было и у меня на сайте.





Недавно я исправил почти все ошибки на сайте.
Когда проверил сайт валидатором, обнаружилось 128 ошибок. Как видите сейчас 5. Их я уже исправить не могу, потому что они находятся уже в самом коде ucoz счетчика, который я к сожалению править не могу.

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

Хочу также рассказать как сделать код сайта совместимый с XHTML 1.0 Transitional.

Сделать это не сложно.

Во-первых каждый тег br дополните такой черточкой после него br/
Во-вторых для каждого изображения пропишите alt=""
В-третьих все meta и link теги дополните такой черточкой / . Например "

"
В-четвертых внутри ссылки нельзя использовать div конструкцию.
В-пятых не используйте тег noindex, а используйте nofollow.

Пойдем далее.

Теперь проверяем валидность своего css кода.
Идем на сайт http://jigsaw.w3.org/css-validator/. Вписываем в поле адрес своего сайта. Нажимаем на "Check".

Устранить ошибки в коде css намного проще. Устраняем.

На моем сайте как вы видите только одна ошибка из-за моего дизайна. Все остальные ошибки из-за ucoz платформы, которые я никак поправить не смогу..



Если у вас нет ошибок, значит у вас отличный чистый грамотный код. Можете поставить на свой сайт в footer два баннера от validator. Чистый код - это замечательно.

Поисковые машины постоянно проверяют соотношение объема кода вашего сайта к объему текста (контента) на вашем сайте. Если объем текста больше то сайт будет выше в поисковой выдаче, чем другие сайты при прочих равных условиях.

Поэтому сокращайте объем кода вашего сайта. Делайте его короче и понятнее. Это благоприятно скажется на ранжировании вашего сайта поисковиками.

Итак. Уберите ошибки из кода вашего сайта с помощью валидатора, а затем уменьшите объем кода насколько это возможно.

Спасибо!