Здравствуйте.
В прошлом уроке мы с вами учились добавлять контент на сайт ucoz в виде страниц и статей.
Сегодня мы будем устранять ошибки кода нашего сайта и делать сайт пригодным для всех поисковых систем.
Как исправить ошибки в коде на сайте ucoz
Идем на сайт http://validator.w3.org/.
Вводим в поле адрес своего сайта и чекаем.
У вас показывается количество ошибок и количество предупреждений.
Почти все их мы можем исправить.
Итак я покажу как исправить каждую ошибку. Если у вас будут встречаться подобные ошибки, то исправляйте их по аналогии.
Поехали. У меня 21 ошибка и 8 предупреждений. Начинаем исправлять.
1,2) Line 2, Column 3: DTDs other than base allowed only if CONCUR YES or EXPLICIT YES
Эта ошибка означает что код вверху страницу повторяется дважды. Идем в панель управления> главная страница и удаляем этот код в самом верху. Также делаем и в разделе "страницы сайта"
Обновляем валидатор и вуаля. Этих 2 ошибок нет.
3) Line 9, Column 60: cannot generate system identifier for general entity "subset"
…nts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext,latin-ext,cyri…
Это предупреждение из-за того что вместо "&" после "Lobster" мы ставим просто "&".
Не задавайте вопросов, какая разница и что это вообще такое. Долго объяснять. Просто замените "&" на "&"
Заменяем и предупреждения как не бывало!
4) После исправления предыдущей ошибки ушло сразу 2 ошибки и 2 предупреждения.
Следующая ошибка:
Line 9, Column 143: end tag for "link" omitted, but OMITTAG NO was specified
…subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
Ошибка заключается в том что в конце перед закрытием тега link мы не поставили "/".
В традиционном виде дизайна ставить закрывающие "/" в линках и мета тегах обязательно.
Ставим и сохраняем. Обновляем валидатор и ошибки как не бывало.
5,6) Line 23, Column 94: document type does not allow element "link" here
…esheet" href="/templates/css/prettyPhoto.css" type="text/css" media="screen" />
Line 24, Column 73: document type does not allow element "script" here; assuming missing "body" start-tag
…ript src="/templates/js/jquery.prettyPhoto.js" type="text/javascript">
Эти две ошибки возникли из-за того что они стоят не в нужном месте не в нужное время. А если серьезно, то стиль должен стоять в head а скрипт должен стоять внутри body.
Перемещайте стиль в head и будет вам счастье. А скрипт выдает ошибку потому что пропущен открывающий тег body. Мне css совсем не нужно так как я удалил слайдер и поэтому стиль я тоже просто удалю.
А скрипт я вылечу открыв тег body.
7) Остается 14 ошибок.
Line 72, Column 6: document type does not allow element "body" here
Эта ошибка означает что тег body в этом месте ставить нельзя. Я его уберу.
8) Остается 12 ошибок.
Почти все они как мы видим находятся на 180 и выше строчках. Значит они находятся скорее всего уже внизу сайта.
Идем в контейнер "нижняя часть сайта" и находим код с ошибкой.
Line 185, Column 25: character ")" not allowed in attribute specification list
for(i=0;i
Такие ошибки часто встречаются в операторах for if и других.
Мне этот скрипт совсем не нужен, поэтому я его удаляю.
9) Остается 5 ошибок 2 предупреждения. Отлично.
Значит абсолютно весь код вашего сайта чист валиден. Эти предупреждения мы убрать не сможем, так как они присутствуют коде самого ucoz счетчика, который изменить нельзя. Все, что было наших силах исправили. Если хотите убедиться, то смотрите также валидность этого сайта. У него 5 ошибок и 2 предупреждения. То есть другими словами он чист. Во всех браузерах сайт одинаково красиво выглядит.
Спасибо!
Переходите к следующему уроку.