Чтобы решить 8 сложных задач в интернет-магазине, нужно...
14 февраля 2019
Автор: Системс АЛЬФА
Каждый день владельцам интернет-магазина ставят задачи покупатели, контент-менеджеры, специалисты по SEO, менеджеры, да и сами владельцы магазинов.
Подготавливая февральское обновление для Мегамарта мы взяли 8 таких задач и предложили для них интересные решения.
Решение: добавить слайдер изображений в списке товаров, чтобы при перемещении в блоке с изображением происходила смена фото.
Решение: заменить стандартную капчу 1С-Битрикс на новую Google ReCaptcha 3.
В отличие от предыдущих версий она работает незаметно для пользователей, анализируя их поведение на сайте (метод продвинутого анализа риска).
Администратору сайта по каждому пользователю система возвращает рейтинг от 0.0 до 1.0, где 1.0 с большой вероятностью - человек, а 0.0 - бот. Используя рейтинг, можно настроить уровень отсечения на разных страницах сайта.
Решение: добавить в установщик готового шаблона возможность выбора картографического сервиса (Яндекс.Карты, Google Maps)
Решение: Окно быстрого просмотра позволяет решить эту задачу. Информационные функции лучше объединить под вкладками: Фото, Описание, Характеристики.
Окно быстрого просмотра также должно содержать базовые функции интернет-магазина: добавление в корзину, сравнение, избранное.
!Совет по юзабилити: в окне быстрого просмотра обязательна ссылка на переход в карточку товара.
Решение: использовать конструктор отображения товаров, встроенный в платформу 1С-Битрикс. В последнем обновлении мы добавили возможность отображать список из 1, 2, 3, 4, 5 товаров в линию, а также использовать их различные комбинации.
Решение: добавить видео-обзор в карточку товара, просто указав ссылку на YouTube. Видео можно добавлять как в список изображений, так и отдельной вкладкой.
Решение: Нужно улучшить внешний вид сниппета сайта в результатах поиска. Для этого нужно добавить микроразметку schema.org для детальной страницы новости и акции.
Благодаря разметке Schema.org сниппеты будут выглядеть более качественно и структурированно.
Помимо красоты, вы поможете поисковым системам получать и правильно индексировать структурированные данные.
В результате ваши акции и новости будут заметнее как в социальных сетях, так и в результатах выдачи поисковых систем. И, что самое главное, вы получите дополнительный трафик.
Решение: используйте сниппеты. Кто забыл или не знает, сниппеты - это заранее подготовленные фрагменты текста или готовые сверстанные блоки, которые можно вставлять в любой документ и просто заменять содержимое при необходимости.
В Мегамарте мы сделали целую библиотеку готовых сниппетов. Их можно использовать при оформлении описаний к категориям. Почитать подробнее про сниппеты можно в статье: Когда SEO тексты – это зло для SEO.
Сниппеты в Мегамарте даже поддерживают адаптивные видео.
Подготавливая февральское обновление для Мегамарта мы взяли 8 таких задач и предложили для них интересные решения.
![Фото 1: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/promo.jpg?v1)
Проблема 1: Как просмотреть все изображения товара в списке, не переходя в детальную карточку?
Решение: добавить слайдер изображений в списке товаров, чтобы при перемещении в блоке с изображением происходила смена фото.
![Фото 2: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/1.gif?v1)
Рис: Слайдер изображений в списке товаров
Проблема 2: как защитить магазин от СПАМА, который сыпется через формы обратной связи?
Решение: заменить стандартную капчу 1С-Битрикс на новую Google ReCaptcha 3.
![Фото 3: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/zadacha2.jpg?v1)
Рис: В форме работает невидимая капча Google ReCaptcha 3
В отличие от предыдущих версий она работает незаметно для пользователей, анализируя их поведение на сайте (метод продвинутого анализа риска).
Администратору сайта по каждому пользователю система возвращает рейтинг от 0.0 до 1.0, где 1.0 с большой вероятностью - человек, а 0.0 - бот. Используя рейтинг, можно настроить уровень отсечения на разных страницах сайта.
Проблема 3: Используя картографические сервисы, украинские интернет-магазины вынуждены отказываться от Яндекс Карт, т.к. сервисы Яндекс заблокированы в стране. Для использования Google Maps нужно зарегистрировать аккаунт и подтвердить его, чтобы не всплывало сообщение “При загрузке Google Карт на этой странице возникла проблема”. Что делать?
Решение: добавить в установщик готового шаблона возможность выбора картографического сервиса (Яндекс.Карты, Google Maps)
![Фото 4: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/zadacha3.jpg?v1)
Рис: Картографические сервисы от Яндекс и Google
Проблема 4: как просмотреть важные детали товара без перехода в детальную карточку и сэкономить время?
Решение: Окно быстрого просмотра позволяет решить эту задачу. Информационные функции лучше объединить под вкладками: Фото, Описание, Характеристики.
Окно быстрого просмотра также должно содержать базовые функции интернет-магазина: добавление в корзину, сравнение, избранное.
![Фото 5: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/4.gif?v1)
Рис: Окно быстрого просмотра в каталоге Мегамарта
!Совет по юзабилити: в окне быстрого просмотра обязательна ссылка на переход в карточку товара.
Проблема 5: как сделать нестандартное отображение каталога товаров в разных форматах без доработки шаблона или платформы Битрикс?
![Фото 6: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/zadacha5.jpg?v1)
Рис: Конструктор отображения товаров в каталоге и результат
Решение: использовать конструктор отображения товаров, встроенный в платформу 1С-Битрикс. В последнем обновлении мы добавили возможность отображать список из 1, 2, 3, 4, 5 товаров в линию, а также использовать их различные комбинации.
Проблема 6: как можно максимально полно описать товар на сайте?
Решение: добавить видео-обзор в карточку товара, просто указав ссылку на YouTube. Видео можно добавлять как в список изображений, так и отдельной вкладкой.
![Фото 7: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/6.gif?v1)
Рис: использование видео в карточке товара
Проблема 7: как выделить статьи и акции в результатах поисковой выдачи
Решение: Нужно улучшить внешний вид сниппета сайта в результатах поиска. Для этого нужно добавить микроразметку schema.org для детальной страницы новости и акции.
Благодаря разметке Schema.org сниппеты будут выглядеть более качественно и структурированно.
Помимо красоты, вы поможете поисковым системам получать и правильно индексировать структурированные данные.
В результате ваши акции и новости будут заметнее как в социальных сетях, так и в результатах выдачи поисковых систем. И, что самое главное, вы получите дополнительный трафик.
![Фото 8: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/zadacha7.jpg?v1)
Рис: Улучшенный вид результатов поиска благодаря разметке. У Мвидео результаты выглядят хорошо, у DNS еще лучше
Проблема 8: Как сделать красивое описание товара, статьи или лендинг через встроенный визуальный редактор, не покупая конструктор лендингов?
![Фото 9: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/8.gif?v1)
Решение: используйте сниппеты. Кто забыл или не знает, сниппеты - это заранее подготовленные фрагменты текста или готовые сверстанные блоки, которые можно вставлять в любой документ и просто заменять содержимое при необходимости.
В Мегамарте мы сделали целую библиотеку готовых сниппетов. Их можно использовать при оформлении описаний к категориям. Почитать подробнее про сниппеты можно в статье: Когда SEO тексты – это зло для SEO.
![Фото 10: «Чтобы решить 8 сложных задач в интернет-магазине, нужно...»](https://static.redsign.ru/marketplace/blog/megamart/2019.02.14/9.jpg?v1)
Сниппеты в Мегамарте даже поддерживают адаптивные видео.
Статья полезна для
Предлагаем еще прочесть