При создании сайта его необходимо наполнить огромным количеством информации: от текстов до фото, инфографики и видео. Мы предлагаем чек-лист, чтобы вы могли проверить — не допустил ли контент-менеджер ошибок в процессе этой работы.

Зачем проверять

Любая ошибка при оформлении контента или фото-/видеоиллюстраций увеличивает время финальной доделки сайта. И грозят вам следующими проблемами:

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

Кроме того, ошибки в ссылках на сайте будут направлять юзеров на страницы не с тем контентом. А то и вовсе выдавать ошибку 404. И кому такое понравится?

«Битых» фото, нечитаемых шрифтов, опечаток, — всего этого быть не должно. И контент-менеджер должен за всем этим проследить. Если исправить что-либо не в его власти, ему следует обратиться за помощью к соответствующему специалисту.

Как не допустить ошибок

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

Грамматические и орфографические ошибки

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

Перенос слов

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

Перенос можно воплотить вручную (благодаря тегам «мягкого переноса») или автоматически (например, написать «Аксес<wbr>­суары» или «Аксес­суары»).

Шрифты и интервалы

Если у вас на страницах вместо слов неясные символы — нужно это ликвидировать. Шрифты должны правильно отображаться: как с использованием HTML-тегов абзацев (<p>), так и без них. И следите за наличием интервалов между абзацами, иначе получите монолит текста, который никто не прочтет. Для добавления дополнительного отступа (допустим, между текстом и фото) используйте тег <br>.

HTML-разметка и спецсимвол

На страницах не должно быть никаких лишних и непонятных символов. Например, HTML-тегов <div>.

В поле для текста могут быть следующие элементы:

  • выделение жирным (теги <b></b> или <strong></strong>);
  • выделение курсивом (<i></i> и <em></em>);
  • маркированный список (тег <ul></ul>);
  • нумерованный список (тег <ol></ol>);
  • внешние, внутренние и якорные ссылки (тег <a href=»»>);
  • заголовки разных уровней (от <h1></h1> до <h6></h6>);
  • таблицы (тег <table></table>);
  • шрифты верхнего и нижнего индексов (теги <sup></sup> и <sub></sub>) и др.

Обязательно проверьте корректность HTML-разметки, чтобы избежать ошибок в отображении визуала и проблем с ранжированием вашего ресурса.

Добавление страниц и URL

При добавлении новых страниц на сайт нужно соблюдать требования семантического URL:

  • в названии должны быть только латинские буквы и «-» между ними;
  • сохраняйте логику вложенности в соответствии со структурой сайта (допустим, у всех страниц в каталоге должно быть написано «/catalog/» в URL).

Title, description и заголовки

Дублирование значений в метатеге title и главном заголовке (H1) на сайте — это плохо. Title и H1 должны быть уникальными на каждой странице, одинаковыми по смыслу, но написанными разными словами.

Правильность заполнения H1, title и description оказывают сильное влияние на продвижение сайта в поисковиках. Учтите: на каждой странице должен быть только один H1. И перед публикацией проверяйте разметку (<h1></h1>) и то, как H1 отображается на сайте.

Не забудьте предусмотреть возможность добавления заголовков уровней ниже: <h2>, <h3>, <h4>. Эти теги помогают сформировать логику изложения текста, и опять же имеют значение для поискового продвижения.

Перелинковка

Здесь важно следующее правило: указывайте ссылки для перелинковки без доменного имени по типу «/razdel/stranica». Иначе при переносе сайта с тестовой площадки на рабочую версию или другой домен у вас все сломается, как у котов Наташи. А на корректировку уйдут дополнительные силы и время.

Ссылки

Ссылки на посторонние сайты должны открываться в новой вкладке. Для этого добавьте в разметку атрибут «target= „blank“». Новая страница откроется в другой вкладке, но сеанс не прервется. И время, которое юзер потратит на изучение внешней страницы, будет суммироваться с проведенным на вашем ресурсе. Это хорошо сказывается на SEO-показателях сайта.

Языковые версии

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

Правильность отображения фото

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

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

Названия файлов

Подписи к картинкам, таблицам, инфографике, аудио- и видеофайлам должны легко читаться и отражать суть загруженного контента. Названия необходимо писать латинскими буквами, также можно использовать знак «-».

Например: check-list-po-sozdaniyu-saita.jpg.

Название файла должно быть один в один с тем, что указано в публичном разделе сайта. В таком случае вас без проблем смогут найти по поиску в «Google Картинках».

Заполнение title и alt фотоиллюстраций

Заполнять атрибутов title (текста, который показывается при наведении курсора на фото) и alt (подпись снимка) следует у каждой иллюстрации. Причем у атрибутов может быть одно и то же содержание, но их подписи должны быть разными. Это необходимо для успешного продвижения сайта в поисковиках.

И отметим, что в alt должно быть максимально точное описание фото.

Воспроизведение видео

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

Подведем итог

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