Простая инструкция по заполнению сайта
1. Как вставлять «чистый» текст
Не нужно пытаться сохранить форматирование из текстовых редакторов. На сайте есть свои шрифты, стили и т.д. Чтобы все они работали и как надо вставали на страницах, просто грузите чистый текст и форматируйте его уже в «админке».
Для этого достаточно переключиться в режим «Текст», а уже туда можно копировать из любого источника.
2. Как форматировать текст без знания кода
Да, мы сначала очистили, а теперь форматируем, уже внутри «Визуального редактора». Первым делом выделите весь текст и поставьте стиль «Абзац (тег Р)».
Затем проверьте и обновите перенос строк, работая с текстом, как в обычном компьютерном редакторе, чтобы получилось аккуратное деление на абзацы с одинаковыми отступами.
Если есть списки в тексте – используйте соответствующую кнопку.
Не используйте выделение жирным для подзаголовков! Выбирайте для этого стили: Заголовок 2, Заголовок 3. Больше уровней лучше не делать. Обратите внимание: это вопрос не только внешнего оформления. Правильно оформленные заголовки – это значимый фактор для поисковых систем, т. е. для SEO. Самые важные поисковые запросы лучше включать именно в заголовки.
3. Как сделать кликабельную ссылку с текста
Не вставляйте ссылки непосредственно в текст, особенно длинные, например, вот наша страница о поддержке сайтов: https://www.dextra.ru/support/. Выглядит так себе, ведь правда? Чтобы привязать ссылку к слову или фразе, выделите нужную часть текста и нажмите на показанную на скрине кнопку.
В открывшемся всплывающем окне вставьте ссылку в поле «Адрес» и выберите «Вид ссылки». При этом, даже если ссылка ведёт на другой раздел или страницу вашего же сайта, в данном выпадающем меню «Битрикса» это всё равно называется «на другой сайт».
Обратите внимание также на «Дополнительные параметры» и запомните важный принцип:
- Если ссылка ведёт на другую страницу этого же сайта – настройки можно не трогать (ссылка будет открываться в текущем окне браузера).
- Если ссылка ведёт на сторонний ресурс – не уводите пользователя со своего сайта, выбирайте свойство «Открывать в новом окне».
4. Как сделать «е-мейл» кликабельным
Оформляйте электронные адреса также ссылками, чтобы по клику можно было сразу перейти к созданию письма. Для этого просто выберите вид ссылки «Электронный адрес» и продублируйте e-mail в окне настроек.
5. Как сделать кликабельным номер телефона
Больше половины трафика в интернете – это посещения мобильных версий сайтов, то есть, просмотры со смартфонов. Поэтому все телефоны на сайте обязательно должны быть активными, чтобы набрать можно было, просто кликнув на номер. Делается это так:
- Выделяем номер.
- Нажимаем кнопку для ссылок.
- Прописываем в строку адреса «tel:» и номер телефона без пробелов.
- Сохраняем.
6. Как готовить картинки перед загрузкой на сайт
Во-первых, смотрите, какой формат картинки используется на сайте (размер, соотношение сторон) и проверяйте все места, где картинка отображается. Не забудьте отдельно проверить с мобильного! Бывает, например, ставят баннер на акцию. На детальной странице всё ок. А в списке анонсов и мобильной версии картинка грубо подрезается, иногда даже искажая смысл. На современных сайтах с адаптивной вёрсткой такого нет – картинка масштабируется, а не кадрируется, но в этом случае текст в картинке может стать нечитаемо мелким. Это также нужно учитывать.
Во-вторых, оптимизируйте изображения. Тяжёлые картинки – это не только место на сервере, за которое вы платите (хостинг). Это ещё и скорость загрузки страниц сайта, а современный пользователь не переносит, когда что-то «тормозит». Сжать изображение сейчас можно в пару кликов – одним из массы бесплатных онлайн-сервисов:
7. Где заполняются данные о картинках
При загрузке изображений на сайт заполняйте поля Тайтл и Alt. Это важно для SEO и пользовательских качеств страницы. Тайтл должен кратко описать содержимое изображения, а Alt – это альтернативный текст на случай недоступности изображения. Это можно сделать непосредственно при загрузке изображения.
8. Зачем нужна перелинковка – внутренние ссылки
Если в описании или новости упоминается смежная услуга или товар, для которых есть отдельная страница – значит, в этом месте должна быть ссылка. Это полезно и для продвижения страниц в поисковых системах, и для удобства пользователей. Перегибать, конечно, не нужно. Как правило, делается 2-3 ссылки с текста на странице, не более.
9. Используйте возможности для SEO
«1С-Битрикс» и большинство других современных CMS давно вынесли в систему администрирования базовые поля для метаданных. Это что-то вроде дополнительной информации для поисковиков. И если вы хоть в какой-то степени рассчитываете на поисковый трафик, то не оставляйте их пустыми. Заполнять во вкладке SEO при создании/редактировании элемента.
10. Обращайтесь за помощью
Не бойтесь обратиться за помощью, если у вас или вашего администратора сайта не получается аккуратно и правильно выложить материал. Это относительно недорогие работы, но от них зависит не просто внешний вид вашего сайта, но его способность конвертировать посетителей в покупателей и, соответственно, приносить прибыль. Мы можем поправить или выложить ваш контент на почасовке, обеспечить постоянное сопровождение с услугами контент-менеджера, а можем записать для вас видеоинструкции или провести очное обучение администратора сайта.