Валидный код страницы сайта на UCOZ

Многие сайтостроители считают, что валидный код страницы - это необязательно. Они думают, что если страница отображается в браузере, независимо от того, что код страницы невалиден, то валидировать код не надо. Они очень сильно ошибаются.

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

Я готов утверждать, что даже на UCOZ-е можно сделать валидный код страницы. Кто не верит, может проверить валидность главной страницы нашего портала. А теперь займемся приведением сайта в валидное состояние.

Для начала, составим основную структуру страницы. Мы будем работать с переходным типом верстки HTML 4.01. Для других типов верстки изучайте их стандарты. для переходного HTML 4.01 структура должна выглядеть так:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>...</title>
    <meta ...>
    <link ...>
    <script ...></script>
    <style type="text/css">
      ...
    </style>
  </head>
  <body>
    ...
  </body>
</html>

Это основной каркас валидного кода страницы. Порядок и вложенность нарушаться не должны.

Теперь небольшой трюк для сайтов, которые пользуются системой управления от UCOZ. Эта система самостоятельно добавляет в код много лишнего, поэтому будем с ними бороться. Для начала нужно скрыть от системы тег <HEAD> и </title>. Система UCOZ ищет этот тег в коде и добавляет перед ним небольшой код следующего вида:

Code

Домен в коде может немного отличаться. Это невалидная структура, но, то что добавляет UCOZ нужно. Это стили и скрипты для полноценной работы системы. Поэтому переписываем части этого кода в нашу структуру. А чтобы UCOZ не добавлял этот код самостоятельно, вместо <head> пишем <h<?'ea'?>d> а вместо </title> пишем </t<?'it'?>le>. Такой подход вводит систему в заблуждение, что этих тегов нет, а в реальности, после обработки, система UCOZ выдаст нормальный код.

Также придется отказаться от некоторых возможностей системы UCOZ. Например, модуль "Опросы". В эом модуле принудительно использован невалидный код. Некоторые функции с невалидным кодом можно переписать, и сделать код валидным. Возьмем "Поиск". Устанавливаем код, Обновляем страницу и смотрим на страницу в виде HTML. Находим в текте программы блок, где установлен этот поиск, копируем его код и вставляем в исходник страницы вместо кода поиска. Остается только подредактировать полученный код, и можно его использовать.

Основные правила, которые нужно соблюдать при верстке страницы:

Не используйте стандартное меню. Лучше впишите его в какой нибудь глобальный блок. Код меню желательно делать в виде списка при помощи тегов <ul> или <ol> и пунктов <li>.
Используйте правильную вложенность контейнеров страницы. В inline (строковые) контейнеры никогда нельзя вставлять block (блочные) контейнеры. А блочные контейнеры могут содержать в себе другие блочные и строковые контейнеры. Для примера: <span><div>...</div></span> - неправильно, <div><div>...</div><span>...</span></div> - правильно.
Все парные теги должны закрываться структурно, согласно вложенности. Пример: <div><span>...</div></span> - неправильно, <div><span>...</span></div> - правильно.
У всех изображений без исключения должно быть задано свойство ALT. <img src="..."> - неправильно, <img src="..." alt="Pic 1"> - правильно.
У всех форм (<form>) должно быть прописано свойство ACTION. Если для работы формы используется скрипт, и никакая другая страница не обрабатывает передаваемые данные, то нужно писать action="".
Все теги <script>, <style> и <link> должны иметь свойство TYPE. Например, <script type="text/javascript"> или <style type="text/css">.
Нельзя пользоваться в ссылках символом амперсанда (&). Он успешно заменяется специальным символом &. Пример: http://szenprogs.ru?a=1&b=2 - неправильно, http://szenprogs.ru?a=1&b=2 - правильно.
Никогда не пользуйтесь неофициальным тегом <NOINDEX>. Если уж точно нужно закрыть ссылку, то вместо <noscript><a href="...">...</a></noscript> нужно использовать <a href="javascript://" onclick="window.open('...')">...</a>.
Для закрытия ссылок от Google можно использовать свойство ссылки rel="nofollow". Например: <a href="..." rel="nofollow">. Хотя факт того, что это свойство действительно закрывает ссылку от Google еще не доказан.
Все парные теги должны быть закрыты.

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

Как только ваша страница станет полностью валидной, вы сможете с чистой совестью поставить на свой сайт кнопку от w3.org и с гордостью сказать: "Мой сайт валиден!".

Удачи всем.

Вы можете выразить свою благодарность администрации портала отправив SMS-кой выбранное вами количество денежек:

Категория:	Инструкции
Просмотрено:	3442
Рейтинг:	5.0/10
Дата добавления:	09.06.2009 12:39, Вторник
Добавил:	Szen
Теги:	валидный, W3, код, ucoz

Опечатка

Дополнительно

Внимание

Все скрипты, инструкции, тесты, статьи и подборки, опубликованные в блоге портала, являются собственностью портала. Администрация портала не несет никакой ответственности за содержания статей и скриптов, но обязуется не публиковать материалы, нарушающие законодательство Российской Федерации, порнографию, инструкции по взлому и вскрытию. Администрация портала сама решает, кому помогать в решении какой-либо проблемы, а кому отказать в помощи. Цитируя наш текст и устанавливая опубликованные скрипты, вы соглашаетесь с тем, что используете продукт, созданный или подготовленный порталом SzenProgs. Портал SzenProgs оставляет за собой право менять инструкции, тесты, записи, подборки и скрипты по своему усмотрению и менять содержимое файлов, залитых на портале.

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

Мини-форум

1 2 3 »

№ 0	Вторник, 09.06.2009 12:39
Szen	Здесь вы можете задать вопрос или оставить комментарий по теме "Валидный код страницы сайта на UCOZ".
	Цитата Профиль

№ 1	Вторник, 09.06.2009 22:38
ooster	спс! ща будет исправлять
	Цитата Профиль

№ 2	Среда, 10.06.2009 07:03
Szen	Кстати, с UCOZ есть одна нерешаемая проблема - это смайлы. В свойствах изображения смайлов система UCOZ проставляет по умолчанию align="absmiddle". Такого значения этого свойства быть не может, поэтому это является ошибкой. Если кто-либо смог с этим разобраться, то прошу рассказать об этом методе.
	Цитата Профиль WWW

№ 3	Вторник, 28.07.2009 02:22
ANED	Спасибо очень помогло!!!! Если кто знает какой <!doctype> мне надо использовать(мой сайт www.aned.at.ua я использую XHTML 1.0 потому что он самый старый и провереный) то прошу расказать мыло:anedukraine@gmail.com
	Цитата Профиль WWW

№ 4	Четверг, 30.07.2009 20:49
Szen	ANED, читайте сдесь: http://szenprogs.ru/blog/2009-07-28-61
	Цитата Профиль WWW

№ 5	Пятница, 31.07.2009 18:38
ooster	Szen, за сколько денег вы готовы помочь бедному студенту с валидностью ? бюджет правда небольшой (основная часть ушла на домен)
	Цитата Профиль

№ 6	Среда, 16.09.2009 11:29
ooster	Большое спасибо администратору - за небольшую сумму помог сделать валидный код на страницах моего сайта. готовлю второй проэкт, тоже закажу работу. супер всем советую!
	Цитата Профиль

№ 7	Вторник, 22.09.2009 16:46
galikup	Здравствуйте! Ув. Szen сколько стоит такое удовольствие, как исправить валидность? Мой сайт http://softvay.ru/ Жду вашего ответа. Заранее спасибо e-mail: irigali@mail.ru
	Цитата Профиль

№ 8	Воскресенье, 04.10.2009 13:20
XxRaviLxX	Честно ничего не понил, хотя очень интересно. …css" rel="StyleSheet" href="/.s/src/css/811.css" /> что выделенно красным удалять?
	Цитата Профиль WWW

№ 9	Воскресенье, 04.10.2009 14:21
Szen	XxRaviLxX, да!
	Цитата Профиль WWW

№ 10	Воскресенье, 15.11.2009 00:45
ANED	Ем)спс))я почитал , понял , установил всё работает...появилась еще 1 проблема...точнее она была но я не обращал на неё внимание....обман юкоза действует но частично...layer 5 и layer 4 пролазят((( как боротся я не наю(почти всё попробовал...
	Цитата Профиль WWW

1 2 3 »

Учавствовать в обсуждении "Валидный код страницы сайта на UCOZ" могут только зарегистрированные пользователи.

[ Регистрация | Вход ]

Скрипты [33]

Скрипты на разных языках программирования и все что подходит под данное определение

Мой дневник [17]

Мои записи и наблюдения

Инструкции [16]

Инструкции к установке, настройке и использованию программ, а так-же ремонту и обслуживанию компьютера

Справочники [2]

Онлайн справочники по разным темам

Местоположение

Интересное

Загрузка...

День рождения

Поздравляем с днем рождения следующих друзей:
gregori(24), PateTrure(32), MartaUA(30), sibnetwork(32).
Желаем им счастья, здоровья, благополучия, любви и богатства!

С уважением, администрация сайта.