😵‍💫 Топ плагинов для Figma

Эти плагины помогут сэкономить время и силы дизайнеру. А с некоторыми ещё и можно создать крутые штуки для дизайна.

Для работы с графикой:

• Blobs – позволяет создавать абстрактные фигуры разной сложности.
• Vectary 3D Elements – плагин, который делает объект объемным. Также есть библиотека готовых 3D-элементов.
• Remove BG – с помощью плагина можно за секунду удалить фон у изображения.
• Arc – позволяет создавать изогнутый текст.

Для работы с цветом:

• Color Kit – плагин генерит оттенки нужного цвета: от тёмного к светлому.
• Easing Gradients – создаёт градиенты на основе кривой.
• uiGradients – библиотека готовых красивых градиентов.
• Image Palette – плагин извлекает из изображения 5 разных цветов.

Для работы с анимацией:

• Figmotion – помогает создавать анимационные эффекты.
• SVG motion – плагин для создания простых векторных анимаций.
• SUPA – с помощью этого плагина можно анимировать любой макет.
• Flipbook Animator GIF – позволяет анимировать фреймы и экспортировать анимацию в GIF-файл.
• Physics animation – плагин для создания падающих фигур на сайте. Доступен экспорт в форматах webm, GIF и SVG.

Для изображений:
⠀
• Export Original Images – достаёт из макетов изображения в оригинальном разрешении и без обрезки.
• Unsplash – позволяет вставлять в проекты красивые картинки из Unsplash.
• Illustrations –библиотеки популярных иллюстраций на все случаи жизни.
• Humaaans for Figma – библиотека готовых иллюстраций людей.

И ещё 4 полезных плагина:
⠀
• Iconify – плагин с более чем 40 000 готовыми иконками, есть поиск по категориям и стилям.
• Wireframe – плагин предлагает готовые варианты экранов, которые можно дорабатывать и интегрировать в проекты.
• Chart – с его помощью можно создать инфографику по заданным значениям.
• html.to.design – конвертирует любые сайты в редактируемые макеты.

⌨️ Пиксель VK Рекламы: как создать для установки на свой сайт

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

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

👉 Создаётся пиксель очень просто:

• Зайдите в кабинет VK Реклама
• В меню слева выберите раздел «Сайты»
• Наверху нажмите кнопку «Добавить пиксель»
• Введите в появившемся окне адрес своего сайта и нажмите «Добавить»
• Внизу слева откройте «Настройки» и выберите первую вкладку «Код пикселя» – тут и будет сам пиксель, и инструкция по его установке на сайт

Важно: обязательно включите в этой вкладке функцию «Автоматический поиск событий».

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

🏓 Бесплатные сервисы для анализа сайтов конкурентов
⠀
Собирать разные данные других сайтов можно вручную. Но это займёт много времени. Мы рекомендуем воспользоваться специальными сервисами.
⠀
Делимся 7 бесплатными, которые помогут узнать о трафике, SEO-показателях, целевых действиях и других данных сайта конкурентов.
⠀
• BE1 – в бесплатном режиме можно собрать базовую информацию о запросах другого сайта, посещаемости и ссылках.

• Metrica – сервис, с помощью которого можно отследить трафик за 3 года.

• PR-CY – ещё один сервис для изучения трафика, а также статистики посещений и просмотров за разные периоды.

• Откуда берут трафик конкуренты? – аналитические дашборды о трафике. Ресурс анализирует сайты в области косметики, одежды, техники, фармацевтики и медицины.

• Screaming Frog Seo Spider – инструмент, с помощью которого можно изучить, как оптимизированы noscript, denoscription и H1-H2 другого сайта. Бесплатно проверять в программе можно не больше 500 страниц.

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

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

😢 Страницы сайта массово выпали из индекса: почему и что делать ч. 2

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

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

😢 Поисковики наложили санкции

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

Несколько страниц сразу могут быть удалены из индекса даже из-за кажущихся на первый взгляд безобидных вещей: отсутствия мобильной версии и медленной загрузки сайта.

Этот список нарушений неполный, и чаще всего, сложно самому предположить, что стало причиной санкций, поэтому лучше постоянно отслеживать их. Сделать это можно с помощью Google Search Console и «Яндекс.Вебмастера».

😢 Сайт заражен вирусами

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

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

Обезопасить свой ресурс от взлома можно с помощью антивирусов и регулярного сканирования файлов.

😢 Проблема с SSL-сертификатом

Это приводит не только к массовому выпадению страниц сайта из индекса, но может и само по себе стать причиной ухода пользователей с сайта. Статистика Яндекса говорит о том, что 83% пользователей покидают сайт с небезопасным соединением, так как видят предупреждающее окошко.

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

Проблема с SSL-сертификатом может проявляться по-разному:

👉 У сайта истек срок действия или отсутствует SSL-сертификат
👉 SSL-сертификат некорректно настроен
👉 SSL-сертификат подключен, но выдается ошибка «Смешанный контент» (частично безопасный, частично небезопасный)

В чем могут быть причины и как их решить:

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

Бывает и так, что сайт изначально был без SSL-сертификата, а когда его подключили, забыли поменять во всех элементах сайта ссылку на https. Часто ссылки забывают меня в шапке меню или адресах картинок. Определить эту проблему можно по ошибке «смешанный контент». Если она настигла вас, то сделайте замену всех ссылок через плагины CMS или с помощью вашего IT-специалиста.

Ещё проблема всплывает тогда, когда Сертификат Удостоверяющего центра самоподписанный. Если вас это настигло, лучше ничего не трогать самому ручками, а сразу обратиться к IT-специалисту 😅

Креативная акция от Боржоми

Наткнулись на прикольный кейс от компании – каждому, кто долистает сайт со слоями земли до конца дарят ящик Боржоми. А скролится он, на минуточку, около четырёх часов 😱