«Главная страница» предназначена для быстрого доступа к функциям менеджера. Если «главная страница» активна, в верхней части главного меню появляется ссылка «Главная».
Содержимое «главной страницы» описывается при помощи xml-документа, который должен быть размещен в директории etc/xml. Формат имени файла имеет следующий вид: «имя менеджера» + «dashboard» + «уровень пользователя» + «.xml» (например, «core_dashboard_30.xml»). При первом доступе к «главной странице» в директории var/userconf/ создается файл конфигурации под именем следующего формата: «имя менеджера» + «.» + «имя пользователя» + «.» + «dashboard.xml» (например, «core.root.dashboard.xml»). Таким образом, каждый пользователь может иметь собственные настройки «главной страницы». При внесении изменений в xml «главной страницы» они автоматически учитываются в файлах конфигурации.
Заполняем метатег Title правильно с примерами (какая информация указывается, длина, синтаксис)
Если файл в etc/xml отсутствует, считается, что главная страница неактивна и, соответственно, в главном меню не отображается ссылка «Главная».
Обратите внимание!
Для блоков-списков обязательно должен присутствовать один столбец с атрибутом sorted. В противноом случае не будет работать ограничение по количеству выводимых строк.
Описание XML
XML «главной страницы» должна содержать один или несколько элементов . Каждый блок описывает либо панель задач (toolbar), либо список.
Ниже приведен пример XML «главной страницы» CORE.
Пример XML «главной страницы»
Общее описание блока «главной страницы»
Пример блока
Уникальное имя блока. Используется для идентификации блоков в рамках «главной страницы», а также для связки с языками.
Описывает положение блока относительно других блоков.
сверху (блок растянут на две колонки)
в левой колонке
в правой колонке
На позицию блока также влияет расположение тега внутри xml-файла — чем выше блок, тем выше он будет отображен.
Тип блока. Возможные значения:
Задает таймаут обновления блока, в секундах
Задает обновление блока при переходе на дашборд
Описание блока панели управления (toolbar)
Пример блока панели управления (type=»toolbar»)
Блок панели управления содержит в себе набор кнопок для быстрого доступа к функциям менеджера.
Каждая кнопка описывается тегом со следующими атрибутами:
если задан, то кнопка открывает новое окно (значение атрибута — имя функции)
если задан, то кнопка переходит по url указанном в атрибуте
стандартный атрибут ссылки, используется совместно с link
если задан, перегружает содержимое текущего окна (значение атрибута — имя функции)
если задан, то кнопка открывает форму (значение атрибута — имя функции)
если задан, то кнопка открывает список (значение атрибута — имя функции)
Описание главной страницы сайта (Бренда)
уникальное в рамках блока имя кнопки, предназначена для идентификации кнопки, а также для связи с языками
Описание блока-списка (list)
Пример описания блока-списка (type=»list»)
Блок-список предназначен для описания списка (таблицы) данных. Содержит 2 вида тегов: (кнопки) и (столбцы таблицы).
Обратите внимание!
Обязательно должен быть один столбец с атрибутом sorted. В противном случае не будет работать ограничение по количеству выводимых строк.
Тег имеет дополнительные атрибуты:
имя функции (action’а), данные которого должны отобразиться в данном блоке
ограничивает количество выводимых в dashboard’е строк списка
Элемент toolbtn
уникальное имя кнопки; должно соответствовать имени кнопки функции (action’а) — см. атрибут func у блока-списка.
Элемент col
имя колонки; должно соответствовать имени колонки заданной функции (action’а) — см. атрибут func у блока-списка.
Описание блока-html (url)
Пример описания блока-html (type=»url»)
https://ispsystem.com/journal?manager=__manager__
Блок-html предназначен для вставки произвольного html с указанного адреса. Содержит один тег: (адрес произвольного html).
В адресе можно использовать следующие макросы:
Короткое имя панели (Например: core, ispmgr)
Операционная система (Например: Debian, FreeBSD, CentOS)
Архитектура операционной системы
__os_version__
Версия операционной системы
Следует учитывать, что если в панель заходить по https, то браузер будет блокировать http адреса и https адреса с подозрительным сертификатом.
Описание блока типа infolist
Это список типа лейбл — значение, разделенный на группы.
XXX 2013-05-08 FirstDEDIC 0.0000 RUB 0.0000 RUB 80 10
Элемент rowgroup
Это группа элементов объеденная какой-то логикой
Атрибуты rowgroup
имя элемента, используется для локализации имени группы
Элемент row
Атрибуты row
имя элемента, используется для локализации подписи строки
задает тип данных, может быть data, link, indicator
- data — просто текст
- link — ссылка на форму (имя ф-ции и elid задаются в атрибутами func и elid в элементе со значением для строки) или на внешний ресурс (ссылка задается в атрибуте url в элементе со значением для строки)
- indicator — отображение вида 80 (10), первое число берется из ИМЯСТРОКИ_total, второе из ИМЯСТРОКИ_used, так же может иметь цвет задаваемый атрибутом color
только для типа indicator, если равно brackets отображать индикатор как 80 (10)
Описание сообщений
Большинство сообщений dashboard’а подгружается автоматически по имени заданной функции. Однако, для корректного отображения необходимо задать некоторые сообщения «вручную» в файле описания сообщений (например, mgr_msg_ru.xml)
Пример описания сообщений
Главная Панель задач Настройки панели Журнал операций. Отчет Настройки бренда
описывает заголовок dashboard’а
описывает наименование блока; [block] — имя блока ( ); используется для toolbar-блоков, для блоков-списков сообщение подгружается автоматически по имени функции; если необходимо изменить заголовок блока-списка, его можно прописать здесь — такой заголовок имеет более высокий приоритет и именно он отобразится на «главной странице»
описывает надпись кнопки; [block] — имя блока,
— имя кнопки ( ); используется для toolbar-блоков, для блоков-списков сообщение подгружается автоматически по имени функции.Общие рекомендации
COREmanager позволяет входить в систему, используя имя и пароль администратора сервера (суперпользователя). Но зачастую, большинство функций панели упревления доступно только пользователям с правами администратора. Поэтому, мы рекумендуем делать кнопку быстрого перехода в панель управления с правами администратора с главной страницы суперпользователя.
В этой статье
- Введение
- Описание XML
- Пример XML «главной страницы»
- Общее описание блока «главной страницы»
- Описание блока панели управления (toolbar)
- Описание блока-списка (list)
- Элемент toolbtn
- Элемент col
- Описание блока-html (url)
- Описание блока типа infolist
- Элемент rowgroup
- Элемент row
- Описание сообщений
- Общие рекомендации
Источник: www.ispmanager.ru
Оформление главной страницы сайта
Когда пользователь оказывается на сайте, он в считанные секунды составит свое впечатление о вашем бизнесе и первое, что он увидит – главная страница. Будет ли она понятна, красива и удобна? От этого зависит останется пользователь на сайте и купит ваш продукт или нет. В этой статье мы собрали все основные принципы, которыми стоит руководствоваться при создании дизайна и наполнения главной страницы сайта компании. После прочтения этой статьи вам будет намного легче составить прототип главной страницы или техническое задание для подрядчика.
Зачем нужна главная страница
Главная страница выполняет основную задачу на вашем сайте – донесение предложения при первом контакте. Она является «базовой точкой» путей клиента по сайту. Пользователь всегда может вернутся на «Главную», выбрав пункт в меню, и с нее перейти в другие разделы сайта. Также главная страница обеспечивает быстрый доступ к таким элементам сайта, как корзина или личный кабинет. Эффективная главная страница сайта должна обладать следующими характеристиками:
- Информативность
- Отвечать запросу целевой аудитории
- Функциональность и удобная навигация
- Содержать призывы к действию
- Быть визуально привлекательной
Логотип
Наличие логотипа на сайте — это не просто дань корпоративному стилю, логотип важный навигационный инструмент. Кликнув на любой внутренней странице сайта на логотип, пользователь попадает на главную страницу. Это сильно упрощает навигацию по сайту.
Навигация
Пользователи вашего сайта, также посещают огромное количество ресурсов. В структуре навигационных меню наблюдаются общие тенденции, к которым привыкают пользователи (например, верхнее закрепленное меню и его дубль в футере и тд.). Старайтесь не отходить от общепринятых принципов при построении навигации по сайту, а все инновации внедряйте только после тщательного тестирования. Конечно, веб-дизайн — это творчество, но удивляя пользователя старайтесь не вводить его в замешательство.
Подвал на сайте
Подвал, или footer — это блок в самом низу сайта, который обычно дублирует навигационные кнопки верхнего меню сайта, а также содержит дополнительную информацию технического характера. Обычно в футере находятся данные об ОГРН и ИНН компании, копирайты, логотип студии разработчика, ссылки на политики конфиденциальности и другие документы. Многие считают, что на данный момент наличие футера на сайте является атавизмом. Мы считаем, что пренебрегать этим классическим элементом нельзя.
Каким должен быть оффер
Оффер — это предложение, которое ваш бизнес делает потенциальному покупателю на вашем сайте. Оно должно быть представлено в виде текста на первом экране. Предложение может быть описано несколькими заголовками или абзацем. Грамотно составленное и эффективное предложение должно отвечать на вопросы: о чем ваш сайт, что предлагает ваш бизнес, в чем преимущества этого продукта.
Некоторые смыслы можно проиллюстрировать хорошо подобранным тематическим изображением. Также на первом экране уместно разместить кнопки с призывом к действию.
Приоритет на целевом действии
Чем больше возможностей перейти на какую-либо страницу будет у пользователя, тем выше шанс, что он выберет не ту, которая вам нужна. Хорошим решением при проектировании главной страницы – разумный компромисс между функциональными элементами и изображениями. Например, первый экран главной страницы лучше «отдать» основному офферу вашего бизнеса, тематически уместному изображению и кнопке с целевым действием.
Применение изображений
Одной из важных составляющих дизайна главной страницы сайта являются изображения. Изображения могут передавать смысл оффера, задавать настроение, передавать эмоции – все это обеспечивает положительное восприятие вашего сайта. При выборе изображений важно исключить бросающуюся в глаза пользователя «стоковость», которую можно найти на многих сайтах. Вместо стоковых старайтесь использовать свои фотографии. Пусть даже они будут не профессионального качества, но пользователь сможет понять, что у вас реально существуют сотрудники, производство, магазины и клиенты.
Как правильно составить description
Прежде чем зайти на веб-ресурс, пользователь сталкивается с поисковой системой. По определенному запросу он находит список различных сайтов, каждый из которых включает в себя description. Благодаря такому элементу можно показать поисковику, что находится на сайте/странице, какие у него преимущества, почему пользователь должен зайти именно на него и так далее.
Составление дескрипшена выполняется по особым правилам, соблюдение которых хорошо влияет на ранжирование сайта в поиске. О том, что это за правила и как грамотно составить description, поговорим в сегодняшней статье.
Что такое description
Description – это специальный тег, описывающий содержимое страницы в краткой форме. Если поисковые системы отображают вашу страницу в результатах поиска, то это значит, что в запросе были использованы ключевые слова, которые есть как на самой странице, так и в description либо в заголовке (title). Кроме того, правильно заполненный дескрипшен способен завлечь пользователя и увеличить популярность вашего сайта.
Увидеть description вы можете в поисковой выдаче под заголовком сайта. Вот так он выглядит в Google:
В Яндексе отличие лишь в том, что сначала идет заголовок, затем ссылка на сайт, а потом уже описание (description):
Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Как заполняется description
Описание страниц содержится в верхней части HTML-кода внутри тега . В него прописываются различные метаданные, в том числе и description. Формула для него крайне проста:
В графе name мы говорим браузеру, что хотим использовать на сайте description, а в графе content указываем, каким именно будет описание страницы. Например, если открыть код сайта timeweb.com (комбинация клавиш CTRL+U), то в верхней части увидим дескрипшен, который мы видели в поисковой выдаче:
Чаще всего код страницы вручную не открывается, так как многие сайты построены с помощью CMS – там, как правило, такой функционал уже вшит в систему. Достаточно через административную панель открыть нужную страницу и прописать для нее описание. Например, на MODX это выглядит следующим образом:
В случае с WordPress можно пойти другим способом – заполнить дескрипшен с помощью плагина Yoast SEO.
Количество символов в description разнится от 150 до 170 символов, подробнее о чем мы еще поговорим. Вы, конечно, можете включить в него и больше знаков, однако поисковик попросту урежет описание до нужного размера. Стоит также полагаться не только на количество символов, но и на само содержимое, которое должно быть структурировано в соответствии с типом страницы.
Описание для главной страницы
В данном случае особую роль играет заголовок страницы (title). Если в нем указаны все главные ключевые слова, то написать description будет проще. Он должен рассказывать о том, что представляет собой сайт. Например, для компании лучше всего рассказать о своей цели, ценностях и для кого она вообще была создана.
Если снова открыть описание сайта Timeweb, то увидим, что в нем раскрывается вся суть компании: это дешевый хостинг, с различным набором инструментов для сайтов.
Описание для вторичных страниц
Если в описании главной страницы мы должны были озвучить суть всего сайта, то в отдельных разделах следует описывать то, что размещено именно на них. Например, если страница предназначена для продажи конкретного товара, то расскажите о нем: что за товар, для кого он, какой у него размер и так далее.
Например, вот так выглядит описание страницы с товаром на сайте DNS:
Помимо всего прочего, следует также учитывать и сайты конкурентов. Например, указывать стоимость товара имеет смысл только в том случае, если она ниже, чем у конкурента. Если же вы продаете товары для VIP-сегмента, то лучше цену опустить.
Также рекомендуется добавлять номер телефона, когда компания оказывает оперативные услуги. Выглядеть это может так: «Срочный ремонт холодильников, звоните по телефону +7 (000) 000-00-00».
Description в Яндекс и Google
Особых отличий в требованиях к описанию страниц у данных поисковых систем нет. Длина description и его информативность примерно идентичны как в Google, так и в Яндекс. В первом случае это 150-160 символов, во втором – 160-170.
В целом, требуется соблюдать следующие условия:
- каждая страница должна содержать уникальное текстовое описание;
- описание начинается с ключевого слова;
- состоит из связного текста;
- не должно быть грамматических и пунктуационных ошибок;
- описание должно полностью соответствовать странице;
- заголовок и описание не должны повторять друг друга;
- не содержит спецсимволы (= / + _) в середине текста, но можно использовать различные графические значки в конце объявления, чтобы привлечь внимание пользователей.
Как придумать description
Составить хорошее и привлекающее описание страницы – не очень сложная задача. Представьте себя на месте пользователя: подумайте, что он ищет, на какие слова реагирует. Можете просто походить по поисковикам с основными запросами, относящимися к вашей тематике. Посмотрите, как это организовано у конкурентов, и сделайте выводы. Помните, что важна уникальность – не стоит в наглую копировать дескрипшен с других тематических сайтов.
Старайтесь описывать страницы максимально просто и понятно, чтобы суть страницы была очевидна для каждого потенциального клиента. Достаточно написать 1-2 предложения, чтобы заинтересовать посетителя. Давайте рассмотрим на примере: допустим, мы занимаемся продажей столов в Санкт-Петербурге.
Для главной страницы будет уместно написать, что мы занимаемся продажей столов, и у нас есть большой выбор недорогих товаров. Если это конкретная страница, например для обеденных столов, то так и пишем: «Большой выбор обеденных столов в интернет-магазине «…» с доставкой по Санкт-Петербургу и области по низким ценам.». Все кратко и по делу – если клиент ищет что-то недорогое, то он без сомнений зайдет к вам на сайт.
Если вы работаете в B2B-секторе, то здесь все немного сложнее: следует сделать упор на бренде. Необходимо раскрыть уникальность торгового предложения или содержимого страницы.
По началу это может показаться довольно сложным занятием, особенно если вы столкнулись с этим впервые, но спустя некоторое время дескрипшен будет сам появляться в вашей голове.
Основные критерии description
Об основных аспектах мы уже поговорили, но давайте расставим все по полочкам, чтобы у вас была полная картина.
Ключевые слова
Используйте от 1 до 3 ключевых слов. Не нужно сводить метатег description к перечислению всех ключевых фраз – это не повысит шансы стать выше в выдаче. Наоборот, это оттолкнет потенциального покупателя и поисковую систему, которая посчитает такой подход спамом.
Оригинальность текста
Об этом мы уже говорили неоднократно – важно, чтобы описание страницы было уникальным и не копировало конкурентов.
Маркетинговая составляющая
Description – это еще и рекламное описание вашей страницы. Постарайтесь сделать его продающим, чтобы зацепить пользователя.
Дублирование
Для каждой страницы следует создать уникальное описание, но необязательно, чтобы оно было максимально различным. Например, если вы предоставляете одну услугу в разных городах, то можно просто изменить город, указать уникальный адрес и номер телефона.
Дополнительные рекомендации
Вот еще некоторые рекомендации, которые помогут составить «идеальный» description:
- Используйте призыв к действию – важно не только рассказать о том, что находится на вашей странице, но и побудить пользователя зайти на нее. Например, можно добавить такие слова, как «узнайте», «получите» и так далее.
- Расскажите, почему должны зайти именно к вам, может быть, вы ремонтируете компьютеры всего за 1 час либо у вас бесплатная доставка по городу. Если у конкурентов такого нет, то это сыграет важную роль и привлечет потенциальных клиентов.
Главный совет – не лейте воду, даже если с ходу не можете придумать уникальный дескрипшен. Лучше посидеть подольше, но зато в итоге будет тот результат, которого вы ожидали.
Ошибки при составлении description
Последнее, о чем стоит поговорить, – это типовые ошибки, на которые «натыкаются» многие пользователи.
Не забывайте о нем
Как бы странно это ни звучало, но самая распространенная ошибка – отсутствие самого description. Если его не будет на вашем сайте, то будет отображаться фрагмент из страницы. В этом, может быть, ничего плохого и нет, но только в том случае, если в этом фрагменте есть ключевые слова, иначе рейтинг страницы может упасть.
Не повторяйте title
Важно знать, что у заголовка и описания разные цели – один рассказывает, что это за страница, а второй раскрывает ее суть. Когда эти элементы пересекаются, складывается не очень хорошее впечатление, а вместе с этим поисковые системы начинают «плохо» относиться к данной странице.
Пишите только релевантное описание
Рассказывайте только о том, что у вас есть. Не нужно придумывать того, чего у вас нет – это введет в заблуждение. Здесь речь идет уже не только об описании страницы, но и о вашей деятельности в целом. Даже если по этому описанию будет заходить много пользователей, что будет в итоге? Скорее всего, репутация вашей компании упадет, а вместе с этим появится много недовольных посетителей.
Заключение
Чтобы составить хороший description для страницы, стоит не только придерживаться вышеупомянутых рекомендаций, но и подбирать правильные ключевые слова. Без них ваш сайт попросту не смогут найти клиенты – они будут вводить то, что популярно, а в вашем описании таких ключей не будет. Посмотреть список ключевых слов вы можете в специальном сервисе от Яндекса – Wordstat.
На этом у меня все! Надеюсь, что теперь составление метатега description не вызовет у вас трудностей.
Источник: timeweb.com