Оптимизация сайта форум: Searchengines.guru — Новости IT и форум про интернет-маркетинг, SEO-оптимизацию, сайтостроение

Новости о SEO, интернет-маркетинге и поисковых технологиях

WhatsApp запустил новую функцию «Сохранить в чате»

Для отправителей

В RuStore появилась авторизация через Tinkoff ID

И мгновенная оплата с Tinkoff Pay

В поиске Яндекса появились подробные карточки лекарств

С аналогами и ценами

Google Bard добавил больше разнообразия в черновики

Расширив спектр вариантов

Google обновил Руководство по созданию полезного контента

Добавив туда информацию об опыте работы со страницей

Google добавил в список краулеров новый сканер GoogleOther

Фактически, это Googlebot под другим именем

Партнеры РСЯ получили возможность показывать видеорекламу в блоке Floor Ad

Так за показ в блоке будут бороться больше объявлений

Производители товаров смогут создавать уникальные карточки на Яндекс Маркете

Другие магазины не смогут размещать в них свои предложения

Рекламный кабинет ВКонтакте завершит свою работу 31 июля

После 1 июля уже нельзя будет пополнить бюджет

Бизнес и разработчики могут продвигать свои мини-приложения ВКонтакте через VK Рекламу

Больше пользователей и клиентов при меньших затратах

WhatsApp, Signal и другие мессенджеры выступили против правительственной «слежки» за пользователями

Свои соображения они изложили в открытом письме

ВКонтакте запускает фильтр нецензурных выражений

Они будут автоматически заменяться набором символов

MyTracker проверит на фрод весь рекламный интернет-трафик

А не только первые посещения сайта

Яндекс открыл центр робототехники

Для тестирования складских роботов Маркета

Google начал показывать информацию о доставке и возврате в сниппетах магазинов

Пока только в США

У главной страницы портала Mail.

ru и Календаря появилась темная тема

В десктопной версии

Производителям товаров на Яндекс Маркете станет доступен буст продаж

Уже в мае

Бесплатный бизнес-марафон «Управляй не командой мечты, а теми, кто есть»

26-27 апреля онлайн

Продавцы Яндекс Маркета смогут размещать на товарных полках короткие видеоролики

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

Партнеры Яндекс Маркета смогут продвигать свои предложения в сервисах Еда и Delivery Club

До конца года

Бренды и продавцы Яндекс Маркета смогут рекламироваться на digital-экранах в ПВЗ

И продвигать свои товары среди жителей конкретных районов

Яндекс Маркет запускает собственную креативную студию crtvmrkt

Она поможет партнерам стать заметнее

12345678 . ..1868

Внутренняя SEO оптимизация сайта в 2022 по шагам.

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

При проведении оптимизации необходимо смотреть на сайт не только глазами пользователя, но и «глазами» роботов поисковых систем. 

Техническая оптимизация сайта

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

Robots.txt

Задать конкретные параметры сканирования сайта как для всех роботов сразу, так и для каждой поисковой системы (ПС) по отдельности. Для этого в файле robots.txt, который лежит в корневой директории сайта, с помощью директив указываются файлы или разделы, которые не нужно посещать роботу (директива Disallow), либо же наоборот – те, которые надо посетить (директива Allow).

Кроме этих директив в файле можно указать:

• Sitemap: — указывает адрес, по которому расположена XML карта сайта;
• Clean-param: — указывает поисковому роботу, что URL адрес содержит параметры, которые необходимо не учитывать при индексации, например UTM-метки;
• Crawl-delay: — задает роботу минимальный период времени (в секундах) между окончанием загрузки одной страницы и началом загрузки следующей.

Пример файла robots.txt (источник https://yandex.ru/support/webmaster/controlling-robot/robots-txt.html)

Sitemap.xml

Или просто карта сайта – дает информацию поисковому роботу о всех страницах на сайте. Для каждой страницы необходимо указывать значимость – тег <priority>, дату последнего обновления – тег <lastmod> и частоту, с которой обновляется страница — <changefreq>.

Пример файла sitemap.xml (источник https://kokoc.com/sitemap-files.xml)

Создать sitemap.xml можно разными способами:

• вручную, добавляя все url сайта и соблюдая синтаксис, однако, это довольно трудозатратный процесс и не подойдет для больших сайтов;
• в некоторых CMS карта сайта может быть сгенерирована автоматически – самый оптимальный вариант;
• с помощью онлайн сервисов, или специальных программ – ScreamingFrogSEOSpider или Netpeak Spider.

Несуществующие страницы

Несуществующие страницы сайта:

• ранее существовавшие и удаленные;
• страницы, в адресе которых допущена ошибка;

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

Страницу 404 ошибки рекомендуется оформить в стиле сайта и разместить на ней переходы на главную и основные страницы сайта.

Пример страницы с 404 ошибкой (источник https://kokoc.com/)

Структура формирования URL

Еще один пункт внутренней оптимизации – настройка ЧПУ и структуры url.

ЧПУ – это человеко-понятные URL адреса – их лучше понимают и поисковые системы, и пользователи. Для русскоязычных сайтов лучше использовать транслитерацию, но подойдут и английские переводы.

Важно соблюдать правильную вложенность страниц при построении url адресов – она должна отражать структуру сайта и важность страницы. Для поисковых систем больший вес в ранжировании имеют страницы с наименьшим уровнем вложенности в url адресе.

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

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

• в url страницы следует добавить 1-3 ключевых слова, по которым продвигается страница;
• нужно соблюдать иерархию в построении адреса;
• не стоит делать адрес слишком длинным;
• все url должны быть уникальными;
• структура адреса должна соответствовать названию в меню и в «хлебных крошках».

Пример корректного адреса на сайте (источник https://kokoc.com/)

Дубликаты страниц

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

Найти такие страницы можно с помощью панелей GoogleWebmaster и Яндекс.Вебмастер или специализированных программ – ScreamingFrogSEOSpider, Netpeak Spider, Xenu.

Наиболее распространенные причины появления дублей, и пути их устранения:

1. сайт доступен сразу по двум адресам – с www и без, и по двум протоколам – http и https. Для верной индексации поисковыми системами страница должна быть доступна только с одного зеркала и иметь ответ сервера 200 ОК. Со всех остальных зеркал должен быть настроен редирект с ответом сервера 301 Moved Permanently.
2. Страницы сайта могут быть доступны со слешем «/» в конце и без. Для устранения дубликатов, необходимо определиться с типом url адресов и настроить переадресацию с ответом 301 на основной вид страниц.
3. Главная страница доступна сразу по нескольким адресам — site.ru/index.html, site.ru/index.php, site.ru/index, site.ru/main/ и т.д. Со всех таких url настраиваем 301 редирект на главную – site.ru.
4. Доступны страницы с символами в адресе в разных регистрах — site.ru/pAgE/ и site.ru/page/. Такие дубли устраняем 301 редиректом с любых адресов верхнего регистра на нижний.
5. На сайте используются UTM-метки рекламных кампаний и реферальные ссылки. Для таких страниц с помощью тега link с атрибутом rel=»canonical» необходимо указать «чистый» урл страницы – ту, которую нужно индексировать. Либо запретить индексацию меток в файле robots.txt при помощи директивы Disallow или Clean-param.

Дублирование заголовков и мета-тегов.

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

301 редирект и битые ссылки

Если при внутренней оптимизации сайта появилась необходимость изменить url-адрес страницы, то со старого url-адреса необходимо настроить переадресацию на новый с ответом сервера 301 Moved Permanently. В таком случае поисковик проиндексирует новый адрес страницы и заменит в выдаче страницу на новую.

Редирект следует настроить в случае:

• Смены домена.
• Переноса сайта на другую CMS.
• Необходимости настроить ЧПУ.
• Устранения дублей на сайте.
• Изменения адреса страницы.

В первом и втором случаях необходимо сохранить при возможности url такими же как они были на старом домене. Это позволит минимизировать потери трафика при «переезде».

Важный момент — при настройке 301 редиректа не создавать цепочки редиректов – когда с исходного адреса настроена переадресация на другой url, а затем – еще на один. Редирект должен иметь только одно перенаправление, это позволит снизить потери при передаче исходного веса и накопленных метрик на новую страницу.

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

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

Навигация

Хлебные крошки

Навигационные цепочки или «хлебные крошки» — важный элемент навигации по сайту.

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

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

Пример реализации хлебных крошек

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

Правильная перелинковка и улучшение поведенческих факторов положительно влияют на ранжирование сайта в поисковой выдаче.

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

Пример хлебных крошек в выдаче Яндекса.

Навигационное меню сайта.

Яндекс оценивает вложенность страницы по количеству кликов с главной.

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

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

В ходе внутренней оптимизации сайта необходимо проверить:

• Все ли нужные пункты меню доступны с главной страницы с нужными анкорами. Для этого стоит посмотреть еще и текстовую копию страниц.
• Также, в html коде страницы необходимо проверить – не дублируется ли меню из-за адаптивной версии или просто из-за ошибки.

Внутренняя перелинковка

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

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

Есть несколько видов внутренней перелинковки на сайте:

• Сквозная – это ссылки на основные страницы, расположенные в шапке сайта и футере.
• Контекстная – ссылки, размещенные в тексте.
• Навигационная – это содержание страницы – помогает быстро перейти к нужному разделу страницы.
• Полезные ссылки – размещенные в конце основного контента страницы. Для сайта интернет-магазина – это блок рекомендуемых или похожих товаров, для информационных сайтов – это ссылки на похожие статьи.

Размещать внутренние ссылки можно как вручную, так и автоматически.

Пример реализации навигационной перелинковки (Источник https://ru.wikipedia.org/)

Микроразметка

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

Основные виды микроразметок – это:

• Schema.org — стандарт семантической разметки для поисковых систем;
• Open Graph — микроразметка Facebook для правильного отображения публикаций.

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

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

Проверить наличие разметки и ошибки в ней можно с помощью сервисов «Валидатор микроразметки» от Яндекса — https://webmaster.yandex.ru/tools/microtest/ и «Проверка структурированных данных» от Google — https://search.google.com/structured-data/testing-tool/u/0/.

Пример микроразметки сайта в выдаче Яндекса

Адаптивная версия сайта

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

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

Проверить оптимизацию сайта для мобильных устройств можно с помощью браузера, в панели Яндекс.Вебмастера, с помощью сервиса проверки Google https://search.google.com/test/mobile-friendly

Сайты, не имеющие мобильной версии сайта, могут воспользоваться инструментом Яндекс Турбо (https://yandex.ru/dev/turbo/), для создания облегченных версий страниц вашего сайта.

Скорость загрузки страниц

Еще одна важная составляющая внутренней оптимизации сайта – скорость загрузки ресурса. Она зависит от многих факторов, таких как: корректная настройка сервера, близость дата-центров хостинга к местоположению основной аудитории, правильная оптимизация CMS и кода сайта, и прочего.

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

Проверить скорость загрузки можно с помощью сервисов:

• https://developers.google.com/speed/pagespeed/insights/
• https://tools. pingdom.com/
• https://gtmetrix.com/

Регистрация сайта в панелях вебмастеров

Для мониторинга и анализа сайта нужно добавить его в панели для вебмастеров Яндекс-Вебмастер и Google Search Console.

Панели вебмастеров укажут на ошибки и санкции на сайте, дадут рекомендации по улучшению индексации, покажут количество страниц в индексе, а также обладают обширным набором инструментов.

Для детального изучения эффективности трафика с различных источников, а так же для изучения поведенческих факторов необходимо установить на сайте счетчики Яндекс Метрика и Google Analytics.

Для появления организации на картах, а также для присвоения региона продвижения сайта, нужно создать карточку организации в Яндекс.Справочнике и в сервисе Google Мой Бизнес. Заполнить карточки организаций желательно максимально подробно – это поможет поисковой системе лучше ранжировать сайт в локальном поиске и среди сайтов определенной тематики.

Оптимизация сайта для продвижения

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

Ключевые слова (семантика)

Семантическое ядро (СЯ) — это полный список запросов сайта из набора слов с морфологическими формами, наиболее точно описывающие вид деятельности, тематику, услуги и/или товары, предлагаемые сайтом. В целом – это список слов, по которым сайт должен быть на 1-10 месте выдачи поисковых систем.

Все запросы делятся на высокочастотные (ВЧ), среднечастотные (СЧ), низкочастотные (НЧ). Для разных тематик значения частотности запросов могут быть разные – для одних сайтов ВЧ будут начинаться со 100 запросов в месяц, для других – с 1000. В целом распределение выглядит так: СЧ имеют частоту в 3-10 раз ниже, чем ВЧ, а НЧ в 3-10 ниже, чем СЧ.

Для определения частотности запросов используется сервис Яндекса по подбору слов — https://wordstat.yandex.ru/.

При составлении СЯ с помощью этого сервиса важно учитывать регион и виды частотности.

• Базовая частотность – частота запроса при вводе запроса без какого-либо синтаксиса. Она содержит в сумму частотностей всех фраз, содержащих слова из запроса в любых формах и в любом порядке.
• «Частотность в кавычках» – частота запроса без других слов, но с учетом словоформ и перестановок.
• «!Точная» (в кавычках с восклицательным знаком) – содержит частотность слова в таком виде, в котором оно написано.
• » [!Точная !частотность]» – будет показывать количество запросов в месяц фразы с учетом порядка слов и форму слова, которая задана.

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

Сбор ядра сайта происходит в несколько этапов:

1. Собираем все подходящие слова с помощью сервисов Яндекс.Вордстат и Google Adwords;
2. Дополнить семантику можно словами конкурентов – для этого подойдут сервисы https://spywords. ru или https://www.keys.so/ru;
3. Расширение запросами из систем статистики Яндекс Метрика и Google Analytics, Вебмастера и сбором подсказок по целевым запросам;
4. Из полученного списка удаляем нецелевые запросы и запросы с нулевой частотностью;
5. Кластеризуем запросы – распределяем запрос или группу запросов на соответствующие для продвижения страницы сайта.

Контент согласно семантике

После составления СЯ необходимо оптимизировать контент сайта в соответствии с выбранными ключевыми словами.

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

Так же ключевые слова должны также содержаться в текстах. SEO-рекомендации к тексту можно описать так:

1. Количество вхождений запросов необходимо подбирать, анализируя конкурентов. Важно избегать частых и неоправданных повторений.
2. Текст должен быть уникальным.
3. Текст должен быть полезным и понятным, в полной мере отвечающим на запрос пользователя.
4. Текст должен быть разбит на абзацы и структурирован, содержать маркированные и нумерованные списки.

Оптимизация тегов на странице

Один из самых важных пунктов внутренней оптимизации сайта – грамотно заполненные seo-теги страниц — title, description, заголовки уровня h2-h6.

Мета-теги title и description в первую очередь важны для поисковой системы, при этом их цель – привлечь пользователя из выдачи ПС именно на наш сайт.

Title

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

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

Description

Description – краткое описание. Тут важно детальнее рассказать о содержимом странице. Описание должно содержать ключевые слова и быть уникальным для каждой страницы.

Пример мета-тегов title и description из выдачи Яндекса по запросу «робот пылесос».

Заголовок h2

Заголовок h2 — самый главный заголовок в контентной части страницы как для поисковика, так и для посетителя. Должен содержать самый частотный запрос на продвигаемой странице, однако, во избежание заспамленности не рекомендуется в заголовке h2 полностью дублировать title.

Важно соблюдать иерархию заголовков в тексте: h2, затем h3, h4 и так далее.

Коммерческие факторы

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

Для продвижения сайта в коммерческой тематике при проведении внутренней оптимизации следует обратить внимание на следующие коммерческие факторы:

1. Наличие нескольких видов связи – телефоны, электронная почта, мессенджеры, скайп.
2. Наличие нескольких телефонов, телефонов разных профильных сотрудников с их фото, номер 8-800.
3. Наличие форм обратной связи и обратно звонка, онлайн консультант и социальные сети.
4. Наличие адреса и времени работы.
5. На странице контактов кроме номеров и адреса важно указать схему или карту проезда, реквизиты компании, фото помещений.
6. Наличие раздела «О компании». В нем важно предоставить миссию компании, историю, вакансии, сертификаты свидетельства, дипломы, подтверждающие официальную деятельность компании.
7. Наличие фильтров, сортировок, акционных и специальных предложений в каталогах товаров.
8. Наличие отзывов о товарах и их рейтинга.

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

Советы по оптимизации веб-сайта — Анимация и взаимодействие — Forum

Erica (Эрика) 20 марта 2019 г., 18:11 1

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

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

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

---

Вот моя общедоступная ссылка: ССЫЛКА

sarahfrison (Сара — эксперт/модификатор Webflow) 20 марта 2019 г., 18:14 2

Глядя на ваш сайт, время его загрузки составляет 892 мс, это даже отдаленно не плохо. Однако ваши изображения по-прежнему занимают большую часть веса…

Эрика (Эрика) 20 марта 2019 г., 18:20 3

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

майквейв (миек) 20 марта 2019 г. , 19:03 4

@Erica

Что Google Page Speed ​​(https://developers.google.com/speed/pagespeed/insights/) и GT METRIX (https://gtmetrix.com/)

говорят о следующем:

1. Страница(а) webflow.io
2. Страницы webflow.io с удаленным пользовательским кодом
3. live https: опубликованные страницы

Кроме того, в какой стране проживает большинство пользователей? Вот где вы хотите проверить время скорости сервера.

Что действительно важно, так это время до первого рисования менее 1500 мс.

антонисаламин (Энтони Саламин) 20 марта 2019 г., 19:24 5

@Erica,

В целом активы выглядят великолепно, я считаю, я только что видел несколько ненужных больших картинок в формате PNG… Я бы попытался сохранить разрешение именно таким, как вам нужно (x2, если вам нужны изображения, готовые к сетчатке) и сохранить их в формате JPG (если вам не нужен альфа-канал / прозрачность) с помощью программного обеспечения для сжатия изображений, такого как https://tinyjpg. com/ или других.

Может помочь

Скриншот%20(1265)1920×1080 196 КБ

Скриншот%20(1264)1920×1080 216 КБ

1 Нравится

Эрика (Эрика) 20 марта 2019 г., 19:25 6

Это результаты с действующего сайта https://www.sigmacomputing.com

Существует ли для Webflow быстрый способ тестирования с удаленными пользовательскими скриптами? Или речь идет об удалении скриптов, публикации на Webflow.io, тестировании, а затем возвращении скриптов?

27%20PM931×775 106 КБ

40%20PM1345×1083 262 КБ

miekwave (миек) 20 марта 2019 г., 22:49 7

@Erica

Согласно эмпирическому правилу, два верхних сгиба должны быть менее 800 КБ, а изображения hero/bg не должны превышать 250 КБ (ИМХО).

, как указал @anthonysalamin, у вас есть изображение размером 1,5 МБ (1440×960).
Я мог бы предложить изменить масштаб изображения 1280w (ширина 1280 пикселей), а затем снова сжать его и посмотреть, сможете ли вы получить его по крайней мере ниже 240 КБ, а затем установить ширину контейнера.

даже его собственный скриншот 1080 весит менее 250 КБ

image1615×956 187 КБ

Мне нравится использовать https://tinypng.com для сжатия моих ресурсов bg.

Еще один трюк, который я делаю, это уменьшение изображения BG 768w или 960w, сжатие. Затем создайте фоновый слой с эффектом 2-точечного размытия. Это создает иллюзию, что изображение имеет разрешение в 2 или 3 раза выше, чем оно есть на самом деле, но оно размыто (если имеет смысл размыть ваши активы bg.

Если вы получаете F-балл за показ масштабированных изображений, я бы предложил заменить значок изображения со значками SVG (если у вас есть ресурсы SVG).

Пометка имен ваших файлов таким образом поможет вам в управлении активами:
image_description-###w-###kb. png
hero_background-1440w-120kb.png

Я инстинктивно удаляю любые или все активы размером более 300 КБ и повторно загружаю их когда они меньше 250 КБ

Знание ширины изображения И КБ позволяет мне сразу увидеть размеры ресурсов дизайнера.

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

1 Нравится

Эрика (Эрика) 20 марта 2019 г., 23:57 8

Все это невероятно полезно, спасибо.

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

майквейв (миек) 21 марта 2019 г. , 15:13 9

@Erica
Я использую xenu sleuth для очистки моего проекта от активов, однако это более сложный/продвинутый процесс.
в основном сканирует содержимое сайта webflow io на наличие изображений, экспортирует в csv, пути имен файлов соответствуют webflow cdn, сравнивают имена файлов webflow cdn и делают поворот относительно используемых страниц. Удаляйте по мере необходимости.

Что такое оптимизация сайта? — Optimizely

---

Что такое оптимизация сайта?

Оптимизация веб-сайта — это процесс использования контролируемых экспериментов для улучшения способности веб-сайта достигать бизнес-целей. Чтобы повысить производительность своего веб-сайта, владельцы веб-сайтов проводят A/B-тестирование, чтобы поэкспериментировать с вариантами страниц своего веб-сайта, чтобы определить, какие изменения в конечном итоге приведут к большему количеству конверсий (например, демо-запросы, увеличение результатов обычного поиска, увеличение количества покупок, снижение время обслуживания клиентов и др. ).

Как оптимизировать сайт шаг за шагом

Оптимизация веб-сайта основана на тех же принципах, что и при оптимизации коэффициента конверсии, и основана на научном методе.

Определите цель оптимизации вашего сайта. Различные типы бизнеса будут иметь разные цели, для которых вы захотите оптимизировать. Например, если вы запустили веб-сайт электронной коммерции, вам нужно выяснить, как увеличить количество покупок и среднюю стоимость заказа (AOV). Для этого владелец сайта проведет количественные и качественные исследования ключевых страниц сайта, влияющих на конечную цель сайта. Например, домашняя страница часто является ценной областью для проведения A/B-тестирования, поскольку большая часть трафика веб-сайта сначала поступает на эту страницу. Важно, чтобы посетители сразу понимали, что предлагает компания, и чтобы они могли найти путь ко второму шагу (клику).

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

Создайте список переменных , которые будут тестироваться в вашем эксперименте. Изменения можно создавать в вариантах и ​​запускать в качестве экспериментов в инструменте сплит-тестирования A/B.

Провести эксперимент . Убедитесь, что при проведении эксперимента вы собрали достаточно данных, чтобы сделать ваши выводы статистически значимыми. Вы не хотите основывать свои бизнес-решения на неубедительных наборах данных.

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

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

Цели оптимизации веб-сайта

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

Например:

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

8 элементов веб-сайтов для оптимизации

В зависимости от цели компании оптимизация веб-сайта может включать тестирование:

• Заголовок или ключевые сообщения, связанные с ценностным предложением компании.
• Использование визуальных средств, таких как фотография или видео.
• Длина формы, варьирующееся количество обязательных полей или порядок заполнения.
• Заметная демонстрация тематических исследований клиентов, описывающих их успехи в использовании вашего продукта или услуги.
• Визуальный стиль, текст и размещение кнопки призыва к действию (CTA) или ссылки.
• Организация навигации по сайту.
• Размещение функции обмена в социальных сетях.
• Внешний вид и организация веб-страницы для посетителя на мобильном устройстве.

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

Поисковая оптимизация и оптимизация веб-сайта (значения)

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

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

• Изменение заголовков страниц — поисковые системы, такие как Google, используют ваш тег