1. Первое изменение вы можете реализовать самостоятельно за несколько минут. Речь идет о маркировке вашего логотипа атрибутами alt и title.
Логотип в основном представляет собой изображение или, о чем ниже, вектор SVG. Таким образом, вы можете добавить к нему, как и к любому изображению, атрибут alt= и title=. Таким образом, вы можете легко насытить страницу важными ключевыми словами. Речь идет, конечно, не о списке фраз, а об одной основной фразе с дополнительным описанием того, о чем идет речь. Атрибут alt= — это альтернативный атрибут, используемый при индексации изображений и считывателями слабовидящих. Atrubut title= Это текст, который появляется при наведении на изображение.
В этом случае мы добавили те же атрибуты alt и title —Доктор Вера — Многопрофильный медицинский центр для взрослых и детей
И как добавить эти атрибуты? Найдите шаблон, отвечающий за заголовок страницы, и найдите его под «логотипом». Вы должны найти правильный div и в нем путь к изображению логотипа. Просто добавьте в тег изображения <img> добавить alt= «ваш текст» и title= «ваш текст».
2. Еще одна важная вещь-это .. «похудение» страницы. Вес страницы отвечает за скорость ее загрузки. Это один из наиболее важных факторов. Это стоит того, потому что скорость загрузки страницы учитывается Google и влияет на пользователей, использующих сайт. Они не любят слишком долго ждать загрузки страницы.
Чтобы уменьшить вес страницы, где это возможно, мы использовали векторы SVG вместо изображений m.in. для логотипов и значков. Векторы также имеют этот плюс что вы можете транслировать цвета непосредственно из кода, не нужно применять несколько изображений, что может повлиять на вес страницы.
Конечно, сами векторы не могут быть использованы, и необходимо использовать изображения. С другой стороны, вы можете оптимизировать их вес, создавая различные размеры изображений в зависимости от ваших потребностей — разрешение, устройство, и оптимизировать их качество.
Изменение внешнего вида
Внешний вид и удобство использования сайта влияют на многие вещи. С одной стороны, это создает имидж бренда, а с другой-влияет на время, затрачиваемое на изучение сайт, и показатель отказов, что, в свою очередь, влияет на позиционирование, то есть на ранжирование страницы в Google и Yandex.
Пользователи медицинского центра хотят иметь возможность найти две вещи на сайте — текущие услуги, адреса и контакт. И на этом мы сосредоточились.
Предыдущая версия сайта не была плохой. Красивый графический дизайн в новых тенденциях, приятная цветовая гамма в соответствии с логотипом, информация, которую клиент ожидает. Главная страница разделена на разборчивые информационные разделы, снабженные большими фотографиями.
Наша цель состояла в том, чтобы слегка изменить внешний вид, чтобы сайт выглядел еще лучше и, прежде всего, был еще более полезным для пользователей.
При входе на сайт загружались большие, качественные фотографии с популярными услугами. Такой слайдер услуг очень уместен. Мы добавили только рекламные лозунги и button CTA для перехода к текущим услугам. Это позволяет пользователю выполнить действие, нажав на button. Поля на слайдере выполняют еще одну важную функцию, но об этом через минуту.


Каталог и поиск услуг
Под слайдером с большой фотографией мы разместили самый важный элемент сайта-текущие услуги и поисковую систему с подсказкой услуг при вводе.
Для этого мы использовали каталог продуктов, в котором продуктами являются услуги. До сих пор услуги представлялись в виде таблицы, в которой каждая строка отвечала за другую услугу. В новой версии мы представили валюты в виде плиток, которые не только выглядят красивее, но и более читабельны.
Названия продуктов-услуг мы разделили на категории, например, Отделения — название картотеки и словесное название-например, Ведение беременности. Для словесных названий мы использовали характеристики, чтобы мы могли использовать их для услуг по розничным ценам. Особенности мы также использовали для обозначения розничных цен. Такое использование функций позволило легко управлять услугами, фильтрации и дополнительной оптимизации SEO о том, что ниже.
Значения признаков генерируются в поле, которое использует поисковая система. Это позволяет найти соответствующие услуги, когда вы вводите символ Отделения или Ведение беременности.
Кроме того, услуги были разделены на Отделения, Услуги и Врачи. Введя услугу в поисковую систему, мы сразу получим результат что за отделение и какие врачи.
Как проверить размер изображения на странице
В такой ситуации необходимо сопоставить размер изображений, чтобы сайт значительно ускорился, и это оказывает значительное влияние на создание сайта и непосредственно на пользователей, которые не хотят ждать загрузки контента.
Как проверить размер изображений на странице? Вы можете нажать на изображение или изображение правой кнопкой мыши и выбрать Сохранить Изображение, а затем проверить его вес. Если вы не можете сохранить изображение, вы можете выбрать исследовать элемент, а затем искать часть кода, которая отвечает за изображение, которая содержит имя изображения и расширение jpg / png в конце. При наведении курсора на этот элемент вы получите информацию о разрешении.
Вы также можете нажать на этот адрес, и тогда изображение откроется в новом окне, откуда вы можете сохранить его под правой кнопкой мыши.
Как только вы оптимизируете изображения, вы можете оптимизировать их вес еще лучше. Просто воспользуйтесь сайтом www.tinyjpg.com, вам просто нужно отправить все файлы на сайт в массовом порядке, и он оптимизирует их размер. Затем вы загружаете их и загружаете на сайт. Таким образом, иногда можно снизить вес фотографий на 40-50%.
