Студия Моск
сайты, которые работают

Ошибки верстки HTML-страниц

Ошибки HTML-верстки Какие теги использовать? Какая должна быть структура кода? Как называть переменные в javascript? …

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

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

Типичные ошибки HTML-верстки

Вызывающие раздражение:

  • Использование бегущей строки. Это давно стало моветоном. Вы не найдете сайтов с бегущими строками, которые были сделаны профессиональной дизайн-студией.
  • Использование аудио. Может возникнуть ощущение, что приятная фоновая музыка добавит ощущение комфорта для вашего сайта. Возможно, первые несколько секунд так и будет. Но после у посетителя появится желание покинуть сайт.
  • Использование всплывающих окон. Любые выскакивающие окна, которых не ожидает посетитель, действуют на него как красная тряпка на быка. Используйте их только для ответа на некоторые действия, например, нажатие на изображение может увеличить его в отдельном всплывающем окне.


Ухудшающие восприятие информации:

  • Разноцветные тексты. Сбивают с толку и отвлекают. Например, приходится напрягать внимание глядя на эту строку. Потому что она написана разными цветами.
  • Написание части текста заглавными буквами. Усложняет чтение и делает текст некрасивым. Данный прием можно использовать только для выделения одного-двух слов.
    Смотрите, насколько просто и быстро читается эта часть текста, так как она написана в привычном для глаза стиле. НО ВСЕ МЕНЯЕТСЯ, КОГДА МЫ ПИШЕМ ЗАГЛАВНЫМИ БУКВАМИ. ВО-ПЕРВЫХ, СЛОЖНЕЕ ЧИТАТЬ. ВО-ВТОРЫХ, БЛОК ТЕКСТА СМОТРИТСЯ ХУЖЕ, когда меняется высота букв.
  • Невнимательное отношение к некоторым знакам препинания:
    - Тире и дефис — это разные знаки препинания. Вот тире: — , вот дефис: - . Первый используется для уточнения и определения, второй является соединительным знаком и в русском языке не выделяется пробелами. Чтобы лучше понять, в каких случаях их использовать, почитайте подробнее о тире и дефисе.
    - Кавычки. Для текста на русском языке нужно использовать французские кавычки: «». На английском — английские: ““. Подробнее о кавычках прочитайте на википедии.
  • Написание сплошного текста. Сплошной текст очень сложно воспринимать и читать. Выделяйте ключевые фразы абзацами, используйте подзаголовки и создавайте списки. Обратите внимание, данная статья разбита на заголовки, подзаголовки, а также здесь в изобилии используются маркированные списки.


Ухудшающие SEO-продвижение:

  • Неиспользование тега alt у картинок. По данному тегу поисковые системы индексируют изображения на сайте. Возможно таким способом часть посетителей зайдут на ваш сайт. Поэтому не упускайте такой возможности.
  • Отсутствие тегов H1, H2. Очень важные теги для продвижения. Словам, заключенным в них, поисковые системы отдают наибольшее предпочтение. Но не вставляйте весь текст в них — это известный, как спамденксинг, черный метод.
  • Отсутствие тегов strong и em. Также, как с предыдущим пунктом, поисковые системы отдают чуть больше предпочтения словам, которые находятся в данных тегах.


Постарайтесь не совершать эти ошибки верстки HTML-страниц и ваш сайт станет удобнее для посетителей и принесет желаемый результат.

 


Автор:
Дмитрий Моск
Прочитано
прочитано
1166
Поделиться ссылкой

Другие статьи

Как перенести сайт на другой хостинг

Поиск битых ссылок по sitemap

Зачем нужна CMS

Ошибки HTML-верстки

Как сделать быстрый сайт

Медленно открываются страницы в Интернете

Создание сервера IRC на FreeBSD

Быстрый веб-сервер с NGINX + PHP

Сколько стоит сделать сайт

Нужен совет? Пишите — это бесплатно: