В Аналитике появился новый отчет под названием «Популярные характеристики». В нем вы увидите как текущие характеристики популярных товаров, так и те тренды, что были популярны за прошлый период. Отчет доступен для производителей с полным тарифом или магазинам с доступом от третьего уровня.

Для каждого отдельного отчета Яндекс.Маркет добавил фильтр по характеристикам. Под инфопанелью появилась кнопка «Фильтр», с помощью которой можно выбрать необходимые характеристики. Фильтр можно настроить также для всех отчетов разом. Он доступен для тех же групп пользователей, что и новый отчет.

Партнерам Аналитики теперь можно сообщать данные через AppMetrica. Платформа AppMetrica сообщает пользователям о продажах с мобильных устройств. В дальнейшем появится возможность просмотра статистики продаж по типам устройств. Чтобы подключить новый способ передачи данных, необходимо настроить отправку ECommerce-событий для счетчика, добавить новую заявку и выбрать значение AppMetrica в поле «Способ передачи данных», а также указать идентификатор приложения.

Источник

Тематический сборник статей из блога PR-CY:

1. Методики аудита сайта
2. Сервисы для аудита: гайды, настройка, исправление ошибок
3. Эксперименты и тестирование

Методики аудита сайта

Анализ сайта для поиска первоисточника проблем — что проверять и как?

SEO не работает: что делать, когда все сделано, а результатов нет

Бывает, что веб-мастер сделал все запланированные работы по SEO, но ожидаемых результатов нет или наоборот видится ухудшение.

Что в этом случае делать и как сделать это правильно, рассказывает Артур Латыпов, руководитель SEO-отдела компании «SEO-Интеллект». Материал по конспекту лекции на конференции «Cybermarketing».

Что делать, если в SEO нет результатов:

• Проверить на санкции в ПС: метод попарного сравнения

• Перепроверить базовые работы

• Проверить факторы оптимизации

• Провести сводный анализ по поведенческим факторам

• Если это не помогло — что еще может влиять на результаты

Упал трафик сайта — как найти, в чем причина

Если Google Аналитика или Яндекс.Метрика показывает падение трафика для сайта, может быть множество причин — неполадки с сервисами, последствия обновлений на сайте, появления новых ссылок или технических проблем.

Падение трафика в консоли

Как найти причину падения трафика за 14 шагов, рассказывает SEO-специалист с 17-летним опытом DrMax, это конспект его вебинара на Youtube-канале Михаила Шакина.

Показатель отказов на сайте: сколько должно быть и как их считать правильно

Показатель отказов (Bounce Rate) — количество пользователей, которые покинули сайт, обычно потому что не заинтересовались ресурсом.

Разбираем, что означают отказы в SEO, есть ли норма по их количеству на сайте, как настроить подсчет в Google Analytics и Яндекс.Метрике, и что делать, если их слишком много.

Отказы в Google Analytics

Самостоятельный аудит сайта

Первый пост из серии о том, как проверить сайт самостоятельно. В этой части разобрали технический аудит, который помогает найти программные и технические неполадки. Найти ошибки в разметке HTML и CSS, проверить корректность кодировки, найти страницы 404 Not Found и оценить скорость загрузки страниц.

Ссылки на остальные части о SEO и юзабилити-аудите внутри.

Как сделать экспресс-аудит сайтов услуг и интернет-магазинов

Подробный регламент по быстрому аудиту всего сайта авторства команды «Ant-Team».

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

Инструкция: проводим постапдейтную аналитику

Руководитель отдела поискового продвижения Руслан Фатхутдинов из агентства «Реаспект» рассказывает, как проводить постапдейтную аналитику, чтобы найти и устранить ошибки в индексации сайта.

Все, что необходимо — это консоли поисковых систем Яндекс.Вебмастер и Google Search Console.

Анализируем лог-файлы веб-сервера для выявления SEO-проблем

Что такое лог-файл веб-сервера и как анализ лог-файлов позволяет бороться с дублями страниц в интернет-магазинах, переходить на HTTPS без проблем и избавляться от лишних статей на информационных сайтах, которые не видят программы для сканирования.

Сервисы для аудита: гайды, настройка, исправление ошибок

Какие сервисы нужны веб-мастеру, как их настроить и начать работать?

Проверить весь сайт, включая внутренние страницы, и найти ошибки

Получить автоматический полный аудит за пару кликов можно с помощью сервиса «Анализ сайта».

Для проверки у него есть больше 70 тестов. Оценивает отношение поисковых систем к сайту, выдает данные статистики, ищет ошибки в оптимизации, измеряет скорость сайта, технические параметры, оценивает юзабилити. Проверяет сайт в целом, главную страницу в отдельности и также внутренние страницы.

Скриншот интерфейса сервиса

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

Попробовать сервис

Локальная поисковая оптимизация и поисковый маркетинг: отслеживаем показатели

Перевод большой статьи с Moz: как настроить отслеживание статистики для бизнеса с региональной привязкой.

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

Разобрали настройку Google Analytics, Search Console, AdWords, Tag Manager, UTM-метки, отслеживание ранжирования, Google Мой Бизнес и другие моменты для регионального бизнеса.

Яндекс.Метрика от А до Я

Подробное руководство по Яндекс.Метрике начиная от регистрации: установка счетчика, настройка системы, работа со сводкой и отчетами и дополнительно с инструментами — Картами и Вебвизором.

Популярные ошибки настройки Яндекс.Метрики

Обзор ошибок, которые часто допускают веб-мастера при работе с Метрикой. Если вы подозреваете, что получаете некорректные данные, советуем проверить на предмет ошибок и сделать правильно.

Ошибки и то, как нужно было сделать, описаны в статье:

• Некорректная установка счетчика Я.Метрики

• Использование другой версии кода при настройке событий в Яндекс.Метрике

• Короткий тайм-аут визита

• Часовой пояс по офису, а не по клиентам

• Блокировка Вебвизора

Google Analytics: базовое руководство

Подробное руководство со скриншотами по настройке и началу использования Google Аналитики. Разобрали установку кода, построение отчетов, как устроен интерфейс Google Analytics и как с ним работать.

10 популярных ошибок настройки Google Analytics и способы их исправить

Список популярных ошибок работы с Аналитикой, которые портят сбор информации на сайте, и способы их исправить.

Какие ошибки в списке:

• Неправильная настройка события взаимодействия

• Отслеживание статистику с других доменов

• Отслеживание ваши собственные сессии

• Нет фильтра на ботов

• Отслеживание спамеров

• Неправильная настройка соответствия цели

• Небрежная настройка параметров UTM

• Не исключение параметров страницы

• Не объединение одних и тех же источников трафика

• Игнорирование списка исключений

Как работать в Google Tag Manager

Что такое Google Tag Manager — Диспетчер тегов, чем он полезен, как с ним работать и кому вообще пригодится этот инструмент. Подробно от установки до интеграции с Google Analytics, Яндекс.Метрикой и настройки отслеживания разных метрик:

• отказов по таймеру;

• переходов по внешним ссылкам;

• внутренних переходов;

• кликов по элементам;

• заполнения формы и клики на социальные кнопки;

• код ретаргетинга или ремаркетинга.

Эксперименты и тестирование

Как проверять гипотезы и улучшать сайт, основываясь на результатах тестов?

A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

Как продумать и провести свой первый A/B-тест на сайте: подробное руководство по шагам для тех, у кого нет опыта. Разбираем, что это вообще такое, как к нему подготовиться, какие программы использовать и как читать результаты, чтобы понять, что получилось.

Google Optimize: пошаговая инструкция

Разбор сервиса для проведения экспериментов на сайте. Что такое сервис Optimize, кому он нужен, как его настроить, связать Optimize с Google Tag Manager и провести свой первый эксперимент.

9 бесплатных инструментов, чтобы провести юзабилити-тестирование сайта

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

[Кейс] Как настройки колл-трекинга портили статистику по трафику

Пример того, как неправильная настройка портила цифры реального прямого трафика на сайт. Было большое количество прямых переходов, при этом другие показатели взаимодействия с сайтом имели значения «0» и «не установлено» (not set). Оказалось, дело в настройках колл-трекинга — в статье о том, как это поняли и как исправили.

Скриншот из аналитики

[Кейс] Как компания улучшила навигацию сайта и этим разгрузила менеджеров

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

Меню до исправления

Если у вас есть идеи и пожелания, что нам разобрать в блоге, вы можете делиться ими в комментариях!

Источник

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

Знаем, что многие наши читатели сами занимаются оформлением. Советы из статьи могут помочь сделать работу чуть лучше.

Разбираем минимализм как самый популярный сейчас стиль дизайна сайтов и приложений. За основу взяли статью лидеров в исследовании UX Nielsen Norman Group.

В статье:

1. В чем суть минималистичного дизайна

2. 5 принципов полезного UX-дизайна в минимализме

3. Красота в глазах смотрящего

В чем суть минималистичного дизайна

«Не держите дома вещей, о которых вы не можете сказать, что они полезны или красивы»,
— Уильям Моррис, первым охарактеризовал свою профессию словом «дизайнер».

Хорошая фраза, которая касается и дизайна. Суть минималистичных интерфейсов в том, что они должны содержать только необходимые элементы для поддержки пользовательских задач. Хороший дизайн должен стремиться к максимальной полезности и удобству использования с достаточным количеством элементов на странице.

Если переборщить с очищением пространства, могут возникнуть проблемы:

• не хватает каких-то важных элементов для работы пользователей, без подсказок и пояснений непонятно, куда нажимать и что это даст;

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

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

• нужные элементы сложнее найти;

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

Домашняя страница сайта HelloBar очень минималистична визуально, но на главной недостаточно информации о том, чем занимается компания или какие функции доступны пользователю. Это минимализм, но не полезный, хоть и выглядит стильно.

Оформление сайта hellobar.com

Другой пример — сайт 16Personalities с тестированием личности по методу Майерса Бриггса. У сайта не совсем минималистичный стиль, много персонажей, различных блоков, меню разветвленное, есть много подсказок. Тем не менее, он дает только достаточную для работы на сайте информацию и ничего лишнего.

Оформление сайта 16Personalities.com
Оформление тестов на сайте 16Personalities.com

Минималистичный дизайн не значит скучный. Посмотрите на сайт-портфолио ведущего фронтенд-разработчика Max Böck. Выглядит как визитка со ссылками на работы, каждый элемент выполняет свою задачу. Но есть фишка — выбор стиля на усмотрение пользователя.

Среди них выделяются два забавных — «Лобстер» с одноименным шрифтом и курсором в виде лобстера и «Дорога радуги» с мерцающими звездами. Этот прием задержит пользователя на сайте, чтобы он поиграл со стилями, и запомнится ему благодаря такой необычной фишке.

Привлечь внимание пользователей и повысить юзабилити сайта поможет следование этим принципам визуального дизайна.

5 принципов полезного UX-дизайна в минимализме

Как сочетать элементы сайта для продуманных и эстетичных визуальных эффектов.

1. Меньше визуального «шума»

Элементы должны передавать «сигнал», то есть быть полезными. Это направляющие пользователя ярлыки и указатели, простой язык в описаниях к элементам, которые требуют пояснений, четкие изображения, показывающие предмет наглядно.

Сведите к минимуму «шум» — элементы с минимумом информативности. Это бессмысленные картинки, нерелевантная информация, технические термины без объяснения и все, что предназначено только для украшения.

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

К примеру, у приложения Smart Countdown Timer есть «дзен-режим», в котором очень мало «шума»: в состоянии ожидания виден только таймер, но при наведении курсора появляются все нужные элементы управления.

Таймер в «дзен-режиме»

2. Масштаб: самые важные элементы — самые крупные

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

Выделите приоритетные объекты и сделайте их заметнее остальных. На страницах с информацией о товаре важно понять, как пользователь принимает решение:

• Одежда, предметы интерьера, еда, что-то другое, что выбирают по внешнему виду — важнее картинка.

• Детали, оборудование, аппаратура — предметы слабо отличается внешне, характеристики первичны, их стоит выделить.

• Курсы программирования, приложения, сервисы для работы и что-то другое неосязаемое — важны функции и наполнение, подтверждаемое скриншотами.

Картинка неинформативная и не помогает понять содержимое, но конкурирует с большим массивом текста:

Информация об обучающем курсе

Элементы разного размера создадут разнообразие на макете и установят визуальную иерархию.

3. Визуальная иерархия

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

Это делают с помощью вариаций масштаба, цвета, интервала между объектами, местом размещения и множества других сигналов. Чтобы создать четкую визуальную иерархию, используйте 2–3 размера шрифта, чтобы указать пользователям, какие фрагменты контента важнее. Или используйте прозрачность и яркие цвета для акцентов.

К примеру, на сайте статей Medium после бренда и кнопки подписки по приоритету идут названия статей, дальше источники, а потом дата публикации и остальная информация.

Менее важные элементы выглядят мельче

В этом же пункте упомянем теорию близости — чем ближе элементы расположены, тем сильнее между ними связь. С ее помощью можно объединить зависимые друг от друга элементы или нарушить эту связь, если расположить их неправильно.

К примеру здесь названия характеристик и заполненные данные скомпонованы так, что они не образуют пары, линии выступают разделителями, изучать список неудобно.

Близость элементов нарушена

4. Баланс — равномерное расположение объектов

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

Имеет значение не только количество элементов на одной стороне экрана, но и площадь, которую они занимают. Маленький элемент интерфейса с одной стороны и один большой с другой делают дизайн несбалансированным.

Понять, есть ли баланс на странице, поможет воображаемая ось — линия, делящая экран. Баланс может быть:

• Симметричный: элементы расположены симметрично относительно центральной воображаемой оси.

• Асимметричный: элементы расположены асимметрично, передают динамику.

• Радиальный: элементы исходят из центральной общей точки в круговом направлении.

Это пример симметричного баланса, линия через центр поделила бы экран на равновесные части. Композиция выглядит стабильно и надежно.

Симметрия в балансе

Страница с сайта Nike асимметрично сбалансирована, что дает ощущение энергии и движения, которое соответствует бренду.

Страница Nike.com

5. Контрастность поможет сравнить и передать различия

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

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

«Напоминания» на iOS, удаление элемента обозначено красным

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

Красота в глазах смотрящего

Какие-то визуальные эффекты общеприняты и примерно одинаково считываются. Но есть кардинально различающиеся. Как белый цвет, который у нас выбирают для платья на свадьбу, а в Индии на похороны. Актуальная для одной аудитории информация может быть неактуальной другой, что-то модное или интересное в рамках одной группы будет критиковать другая.

Это значит, что вы должны хорошо знать свою аудиторию и создавать продукт, который оценят те, кто у вас в приоритете. И быть готовым, что вы не будете нравиться абсолютно всем — это нормально.

Интересное по теме:
Бесплатные инструменты для дизайна интерфейсов и разработки сайтов
77 бесплатных инструментов для графического оформления сайта

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

Источник

Команда Яндекс.Браузера поделилась в своем блоге описанием новых функций для защиты данных пользователей. Технология Protect, встроенная в браузер и ограничивающая пользователей от потенциально опасного контента, теперь позволяет ограничить сбор cookies со сторонних сайтов. Недавно эта функция стала доступна в режиме инкогнито:

Таким образом, сайты, которые вы не посещали, не смогут собирать ваши данные.

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

Защита в десктопном браузере появится автоматически при новом запуске. Для пользователей Android она доступна на версии 20.12.3 и выше, а для пользователей iOS она работает еще с момента выхода 14 версии.

Источник

Команда Твиттера поделилась анонсом двух важных нововведений: внедрение в систему платных подписок и создание сообществ. Платные подписки получили название Super Follow, и работают по принципу всем известных Patreon и OnlyFans. За определенную фиксированную плату пользователь получит доступ к эксклюзивному контенту своего любимого блогера.

Также Твиттер поделился макетом «Сообществ» — аналогу групп в Facebook или ВКонтакте. Люди смогут объединяться в сообщества по интересам, где будут отображены релевантные сообщения по этим темам. Создать новое сообщество может любой пользователь.

Относительно даты выпуска обеих функций команда Твиттера пока не объявила. А мы напоминаем. что в прошлом месяце Twitter приобрел сервис для монетизации контента авторов Revue.

Источник