2023. "Пробный шар" с "Надувателями"
Задача: проанализировать сайты:
- naduvateli.ru
- logoshar.ru
- airsymphony.ru
и дать рекомендации для работы веб-разработчиков.
naduvateli.ru
Самое первое - имя домена. "Надуватели"… Неоднозначное название, именно поэтому на самом сайте на самом первом месте (в логотипе вверху слева) уточнение: "Мы надуваем шары, а не людей". Казалось бы, можно посмотреть метрику отказов, но есть нюанс: отказ от сайта с таким доменом идет еще ДО самого входа на сайт на этапе подсознательного чтения имени домена, поэтому метрика ничего не покажет. Здесь необходимо маркетинговое исследование (с привлечением психолога), но как частное лицо уже могу сказать, что люди из моего окружения на 100% отозвались об имени домена отрицательно.
По сути этот пункт без лишнего рассусоливания можно описать всего лишь одной сценкой из фильма:
Далее программный код
Сравним 2 сайта:
view-source:naduvateli.ru
и
view-source:medikafarm.ru
Даже визуально видно, что по качеству и плотности программного кода битрикс медцентра сильно выигрывает у битрикса "надувателей". Как это отражается на практике? А вот так отражается на скорости работы сайта, что идет один из важнейших параметров рейтинга топов поисковиков.
Скорости сайтов (аналитика от гугла pagespeed.web.dev):
"Надуватели"
Медцентр
В принципе, производительность и качество сайта "надувателей" ненамного отстает от аналогичного показателя сайта медцентра, но (с точки зрения гугла [а это именно от гугла аналитика]) медцентр - зеленый и качественный, а "надуватели" - желтый и средний. А если конкурентная среда очень плотная (тут необходим маркетинговый анализ конкурентной среды), то в этом случае идет борьба даже за доли процента качества сайта.
Далее рассмотрим еще один топовый параметр оценки качества сайтов с т.з. поисковиков - адаптивность, т.е. адекватная верстка сайта под разные разрешения дисплеев. Сразу скажу, что с т.з. этого параметра все три сайта, которые предоставлены для анализа, сделаны почти одинаково (чувствуется рука "мастера"). Изначально на больших мониторах всё адекватно и грамотно, тут вопросов не возникает.
Но если посмотреть метрику по теме "разрешения дисплея", то обнаруживается интересная вещь: посетителей сайта с большими мониторами не так уж и много (судя по метрике моих сайтов, около 16%).
Большинство посетителей - владельцы смартфонов. Это нормально в современной действительности, но есть еще одна прослойка посетителей сайтов - это люди, у которых в руках нетбуки и планшеты, у которых разрешение дисплея порядка 900-1200px по ширине. И вот тут начинается самое интересное.
Вот так выглядит главная страница сайта airsymphony.ru.
Интереснее левое меню (т.н. "гамбургер") - оно просто не вмещается в экран и "прокрутить" это меню никоим образом не представляется возможным.
Также на сайте logoshar.ru - меню не раскрывается по нижепоказывающим стрелочкам:
Да и прочие аспекты верстки и функциональности в плане адаптивности к средним дисплеям вызывают немало вопросов, например вот таких:
Казалось бы (смотрим метрику), посетителей именно с такими дисплеями очень мало (5,5%), казалось бы, мелочи. Очень может быть, что так оно и есть на самом деле, но вот ведь какая штука, в топ поисковиков сайт продвигает не группа людей, а аналитические роботы поисковиков, для которых четко прописаны алгоритмы продвижения. 1 из главных пунктов продвижения как раз и есть адаптивность. Есть адаптивность, - есть продвижение, нет адаптивности, - нет продвижения. Кроме всего прочего никто не исключает "сарафанное радио" (живое общение, соц.сети и прочие "отзовики"), когда один посетитель со средненьким дисплеем может "растрезвонить" и "зарубить на корню" все желания посетить сайт у тысячи окружающих. Здесь необходим масштабный маркетинговый анализ.
С т.з. функционала даже для больших мониторов есть такие недочеты, которые недопустимы ни при каких обстоятельствах.
Пример работы сайта naduvateli.ru с включенным блокиратором рекламы:
Кнопка "заказать звонок" и модуль звонка внизу справа просто не работают. Обратите внимание, - сейчас я выключаю антиблок и всё работает:
Снова включаем антиблок:
При включеном антиблоке нет функционала заказа и модуля звонка.
И опять смотрим метрику на предмет процента посетителей с включенным антиблоком (9%):
Итак, каждый десятый (условно) посетитель просто-напросто не имеет возможности осуществить покупку, сделать заказ или получить консультацию.
Вот примерная поверхностная аналитика сайтов.
Как показывает практика работы с сайтами такого уровня, удивление от сайтов идет по плану "дальше-больше". Огрехи и "косяки" начинают всплывать более масштабно, проблемы сыплются как снежный ком и выясняется, что работы тут "непочатый край" и "конь не валялся".
Вопросы
Вы ни чего не написали про логошар, там все хорошо?
Есть какие то конкретные предложения как с этим быть?
Честно сказать, я удивлен. Казалось бы, есть и про логошар и конкретные ответы.
Ответы
Про логошар есть четкое отслеживание (см.выше абзац со скриншотом) нераскрывающегося меню на средних дисплеях. К тому же изначально было указано, что на всех трех сайтах типичные ошибки (и все три сайта - "близнецы-братья", выполненные одной "рукой мастера"). Но это всё поверхностное отслеживание ошибок, а необходимо задействовать порталы более полной и подробной аналитики ошибок кода, например, validator.w3.org/nu/?doc=https%3A%2F%2Fnaduvateli.ru%2F для сайта "надуватели":
68 ошибок и предупреждений. Очень много (просто запредельно много, недопустимо много, я бы сказал). Надо устранять ошибки, иначе высокого рейтинга в поисковиках не будет.
И похожая ситуация на всех трех сайтах.
И теперь переходим непосредственно к конкретным предложениям.
Предложения
Устранить программные ошибки, указанные выше на всех трех сайтах. Здесь есть нюансы, например, модуль автоответчика, который навязчиво периодически всплывает внизу справа, наверняка от стороннего разработчика и самостоятельно отредактировать его невозможно, но тут есть вариант его полного отключения, т.к. лично я не видел еще ни одного человека, кого бы подобный модуль не раздражал своими неожиданными неадекватными всплываниями.
Доработать новые и правильные программные модули взамен ошибочных или отсутствующих, например, нераскрывающееся меню, неактивная ссылка на заказ или отсутствие кнопки "вверх" на сайтах.
Провести маркетинговые исследования, либо получить в руки уже готовые исследования для составления плана продвижения сайтов.
После утверждения направляющего вектора развития необходимо переходить непосредственно к продвижению сайта. И вот тут согласно выводам маркетинга возможны следующие мероприятия:
- Создание семантического ядра и массива ключевых фраз для сайта.
- Дополнительные надстройки на сайте в виде "заманух", скидок и акций.
- Код сайта замусорен, надо чистить.
- Необходимы точечные лендинги [посадочные страницы].
- Работа с досками объявлений (постоянно: создание, обновления, поддержание текущих объявлений).
- Работа с каталогами сайтов и с профильными сайтами для поднятия ИКС (индекс качества сайта) сайта.
- Работа с профильными форумами (постоянно, сотрудничество с SMM-менеджером или копирайтером [модератором], если таковой есть).
- Работа с соц.сетями (постоянно, сотрудничество с SMM-менеджером, если таковой есть).
- Работа с Яндекс.Директ (бюджет рассчитывается исходя из конъюнктуры и "активности" конкурентов).
- Написание новых статей (сотрудничество с копирайтером, если таковой есть).
- Создание поддерживающего подсайта-саттелита с упрощенным программным кодом для ускоренного "пробития" поисковиков.
- Создание парсеров для массового наполнения сайта и "пробития" поисковиков (по необходимости).
- Работа с полусерыми роботами-накрутчиками.
- Адаптивная версия сайта нуждается в корректировке.
- Доработка дизайна сайтов в соответствии с алгоритмами яндекса и гугла.
Все вышеизложенное, включая и программирование, и маркетинг, и сео-продвижение вполне возможно выполнить одному подготовленному специалисту в моем лице, но для ускорения процесса возможны привлечения сторонних помощников, например, писателей текстов.
Ответы на предложения
А теперь внимание, барабанная дробь. Ответы текущего веб-программиста (или группы программистов [орфография и синтаксис программистов сохранены, это важно]), для кого, собственно и писались рекомендации) с моими комментариями.
Первая рекомендация
Первоначальная рекомендация (указание на недочет)
Скорость сайта низкая (пример по главной странице).
Ответ действующих программистов
Производительность сайта не оценивается только по одной странице (Главная)
Можно взять любую другую страницу которая как раз и продвигается.
Мои комментарии
Один из основных постулатов веба - сайт и начинается, и оценивается (и, соответственно, учитывается поисковиками) с главной страницы. Как пример, - скрин посещаемости сайта за 1.2.2023, из которого видно, что за сутки главная страница обеспечила 47,2% посещаемости:
Незнание (или игнорирование) этого - это профнепригодность (профнепригодность первая, давайте ради статистики будем считать). А на бытовом уровне уместна аналогия: "У вас же невеста с одной ногой, как же она будет за коровой ходить и сенокос? - Зато она поет хорошо и крестиком умеет вышивать".
Вторая рекомендация
Первоначальная рекомендация (указание на недочет)
Неадекватная верстка сайта под разные разрешения дисплеев.
Ответ действующих программистов
Адаптивная верстка проверяется тестами браузеров с включенными агентами устройств или спец софтом которые как раз сами поисковики предлагают.
Это мобильная версия сайта для сенсорных экранов
Доля пользователей с НЕ мобильными экранами 900-1200px - 0.5 %
Мои комментарии
Одна из основных заповедей веб-разработчика - это тестирование и проверка своей работы максимальными средствами (незнание или игнорирование этого - это профнепригодность №2).
Да, по тестам компьютера вроде бы всё в порядке (компьютерные системы пока несовершенны, и именно веб-разработчику это надо признавать и учитывать, опять камешек в сторону профнепригодности №3), но ты (вот лично ты) сам неужели не видишь, что на определенном разрешении дисплея всё стало криво-косо и разъехалось до полной неудобочитаемости?
Передовые компании специально вводят в штат (или нанимают) тестировщиков (а в областях, не связанных с компьютерными разработками, на это дело есть штат испытателей), чтобы на этапе разработки выявить и устранить недоработки, а тут "на тебе раз"…
То, что доля пользователей мала (0,5%) вовсе не значит, что этих пользователей надо игнорировать. И отсюда вопрос: неужели в организации вопрос о том, кто и какой клиент важен для фирмы решает веб-программист (не маркетолог, не экономист-финансист, не директорат, а именно тот человек, который пишет программный код)? Может быть, я отстал от жизни и чего-то не понимаю?
В этом случае я должен рассказать реальную историю о важности одного-единственного клиента.
Работал я в 2020г. с сайтом по продаже раций (Митино). И вот появился клиент со стареньким нетбуком (и сам клиент был старенький) и сделал такой заказ, выполнить который в этой стране мечтает каждый предприниматель (мало того, "мечтает", руками-ногами цепляется за такую возможность, зубами вырывает и "по костям идет" за такой гос.контракт, забегая вперед, скажу). Так вот этот клиент оказался главным инженером тюменского государственного аэропорта. В этой реальной истории сделка не была совершена по причине того, что на складе фирмы было всего 14 раций, а нужно было 263шт. Но если бы эта сделка совершилась, "всё население могло 2 года жить на Мальдивских островах", да и задел на будущее просто суперперспективный.
Третья рекомендация
Первоначальная рекомендация (указание на недочет)
Несрабатывание функционала навигации.
Ответ действующих программистов
Когда меню открыто оно прокручивается.
Мои комментарии
Вполне допускаю, что у кого-то оно прокручивается, но у меня - нет… И у Иван Ивановича из Мытищ тоже нет… а тот Иван Иванович хотел сделать заказ (а вдруг Иван Иванович директор крупного холдинга и у него намечалось масштабное празднование юбилея? А мы этого не знаем, но зато знаем точно (по метрике всё видно), что клиент отказался от сайта.
Это уже не просто "профнепригодность", это просто безобразие какое-то, по принципу: "А у меня всё работает, а на остальных мне ваще нас…ать"!
Четвертая рекомендация
Первоначальная рекомендация (указание на недочет)
Несрабатывание функционала (кнопка "заказать звонок" и модуль консультанта) при включенном блоке антирекламы в браузере.
Ответ действующих программистов
Включенный блокиратор, Моб версия + Десктоп - все работает
Мои комментарии
"Опять 25". "У меня работает, а на других нас…ать"!
Да, блокираторы рекламы в браузере бывают разные. Самый безобидный блокиратор, который выбран для теста действующими программистами пропускает текущий код для срабатывания функционала сайта, а вот мой блокиратор не пропускает (и у директора "Газпрома" [а чем черт не шутит] тоже не пропускает) и что теперь?
Пятая рекомендация
Первоначальная рекомендация (указание на недочет)
Ошибки программного кода по тестам гугла.
Ответ действующих программистов
Для примера сайт ya.ru (где просто строка поиска и пару кнопок) Тоже имеет ошибки почему?
Потому что современные сайты имеющие хоть какой-то интерфейс (а не просто текст черным по белому) - всегда будут иметь ошибки или предупреждения.
Мои комментарии
Это ответ школьника по принципу: "Вася, ты опять двойку получил?! - А чётакова, Колька с Сережкой тоже по паре схлопотали, а Петька даже кол отхватил" (профнепригодность №4). Равняться надо на лучших, а не на отстающих.
Приводить в пример яндекс, - это уже даже не просто профнепригодность, это уже просто идиотизм какой-то. Все знают яндекс (в РФ) и используют, но напомню, яндекс - это монополист-поисковик (для веб-разработчика в РФ, можно сказать, Бог), подмявший под себя ого-го какую часть поиска и прочих сервисов. Захочет яндекс и сайт будет в поиске на первом месте всегда (или наоборот). И яндексу абсолютно начхать на совершенство кода, он "Бог"!
Дополнительно по яндексу скажу то, что там не 1 строка (на ya.ru). там в коде огромнейший функционал с личными кабинетами (вовсе даже не с одним кабинетом), дополнительными агрегаторами (почта, такси, курс доллара, погода, транспорт, доставка еды, яндекс-диск, да и еще сотня подобных функций, которые есть всегда, но всплывают по мере необходимости). Чтобы убедиться в этом, достаточно посмотреть программный код (264343 символа [код на 264 листа А4]): view-source:ya.ru. Зачем со стороны действующего программиста идет такое передергивание и подтасовка фактов (работодателю надо сильно задуматься над этим вопросом)?
И да, есть "современные сайты, имеющие хоть какой-то интерфейс…", которые сделаны все-таки грамотными разработчиками руками из нужного места, а не "отмазчиками", привожу пример сайта своей разработки:
Выводы
Все 5 рекомендаций (ошибок) не приняты к исполнению. Что происходит, примерно понятно, действующий программист (программисты) борется за "место под солнцем", боится потерять действующий статус (и зп, и место работы) и не хотят признавать явные ошибки в силу ряда причин. Все ответы построены по принципу "АЧОТАКОВА", "А ЗАТО У МЕНЯ СТАРШИЙ БРАТ БОКСЕР", "А У МЕНЯ НОРМАЛЬНО" и "А У СОСЕДА ЕЩЕ ХУЖЕ". Создалось впечатление, что кого-то или "водят за нос", или просто посылают прямым, либо косвенным текстом далеко и надолго.
Хочу заметить, что я, исходя из практики, делю все работы над сайтами на три больших области (в плане ошибок, недочетов и нововведений):
1) явные ошибки, которые должны быть однозначно исправлены и устранены;
2) недочеты, которые имеют не совсем явные (спорные) рекомендации, но от корректировки которых нет явных минусов, например, введение в код ключевых слов (вот тут я пишу в докладе не "у других также" и "это никому не нужно" [те самые 0,5%], а что вот есть такие-то спорные аспекты, но как специалист считаю, что лучше вот так и так, потому что затраты такие-то, а предполагаемая эффективность вот такая-то);
3) экспериментальная, неизученная область веб-разработки и веб-продвижения, основанная на текущем опыте, экстраполяции уже имеющихся данных и т.п. (алгоритмы поисковиков и выдача в топы постоянно меняются и это нормально).
Так вот сейчас был "пробный шар" в виде рекомендаций программистам сайтов из первой области (однозначное устранение ошибок). Прошу учесть, что эти исправления ошибок программного кода делаются одноразово и не трудозатратно, а одномоментно и "на всю оставшуюся жизнь". И даже в этих рекомендациях ответ действующих программистов очень отрицательный и негативный, что уж будет в "экспериментальных" областях / рекомендациях?
P.S. Знаете, я давно живу и научился по сугубо косвенным признакам отличать "правильных" людей от неправильных. Например, я не доверяю врачу с грязными ботинками и т.п. Это касается и программистов. И вот я почему-то не верю тем программистам, кто пишет (по-русски) безграмотно и неадекватно работает с файлами, т.е. не выполняются даже азы языка и информатики. Мне хватило даже взглянуть на один файлик (ответное письмо от программистов), который оказался в 14 (четырнадцать) раз тяжелее исходного письма, хотя информационная насыщенность увеличилась максимум в 2 раза. Как же будет тот программист что-то писать на сайте (безграмотно) или оптимизировать код, если он (программист) опростоволосился еще даже до "выстрела стартового пистолета":
Общий вывод
"Бодаться" с действующими программистами на уровне "САМДУРАК" я не собираюсь. Я предоставил "пробный шар", вам решать текущую ситуацию. Желаете иметь сайты по принципу "а у других тоже ошибки", быть рядовым середнячком и терять потенциальных клиентов - ваше право, пусть так, но я лично думал, что задача ставится - быть на передовых топовых позициях и лучшим сайтом в рунете, чтобы любой человек мог сказать: "А вот я знаю сайт, где не к чему придраться"!
P.P.S. Имею желание узнать ("чисто спортивный интерес"), сколько лет (биологический возраст) тому программисту (о профпригодности я уже и не заикаюсь). Такое ощущение, что ответы писал очень молодой непрофессиональный человек…
Дополнительные конкретные предложения для веб-программиста (и не только для программиста)
Заменить имя сайта naduvateli.ru на другое имя. Не любят в нашей стране "надувателей". Не зайдет человек на сайт, даже читать ничего не будет, рекомендации тут бесполезны.
Валидатор validator.w3.org
Исправить ошибки программного кода согласно валидатору:
Разобраться с сервером сайта logoshar.ru (ошибка 503).
Чистота и компактность программного кода
view-source:naduvateli.ru
view-source:airsymphony.ru
К logoshar.ru в этом плане претензий нет. Сделать, как в логошаре (примерно).
На сайте naduvateli.ru в начале нет !DOCTYPE html…html
На сайте naduvateli.ru нет метатегов типа meta property="og:… (за образец взять теги с airsymphony.ru. Проверить заполнение этих тегов на всех 3 сайтах.
Нет метатегов keywords. Вопрос в вебе о необходимости keywords в коде веб-старниц для сео спорный и открытый, но я за то, чтобы keywords были.
Метатеги (вышеназванные) переместить в первую строку кода (сейчас они где на 9-й строке, а где и ниже, а где и отсутствуют).
При оптимизации кода особенное внимание к коду сайта naduvateli.ru, там какая-то "выжженная земля", а не код (скрин ниже).
Иконки сайтов кроме ico сделать в svg для правильного отображения на разных дисплеях и осях.
На средних дисплеях (разрешения порядка 1000-1200px по ширине) вся верстка летит прахом. Переверстать с учетом адаптивности:
На сайте logoshar.ru - меню не раскрывается по нижепоказывающим стрелочкам:
На сайте naduvateli.ru в режиме работы блокираторов рекламы (10% посетителей) не работает функционал кнопок "Заказать звонок" и модуль консультантки:
Пока для программиста достаточно.
Общие рекомендации
Е-майлы типа 2200315@mail.ru негативно влияют на сео. Заменить, например, на zakaz@airsymphony.ru
Социальные сети - хорошо, но фейсбук мало того, что не работает в РФ, так он еще и под запретом, что чревато УК РФ.
Нет кнопок "вверх" на всех 3 сайтах.
Нет кнопок "поделиться" (на всех 3 сайтах).
Нет поиска по сайту (logoshar.ru, airsymphony.ru).
Модуль консультаций убрать.
SEO и маркетинг
Пытался хоть как-то проанализировать маркетинговые составляющие, но недостаточно исходных данных. Нужны дополнительные данные по вектору конкурентов, по наполняемости рынка сбыта, по текущим рекламным размещениям: какие соц.сети задействованы, доски объявлений, агрегаторы интернета, на каких сайтах размещены обратные ссылки? Какие еще возможности интернета задействованы в разрезе сайтов.
Далее необходимо знать, какая семантика задействована для продвижения, т.е. нужна действующая таблица ключевиков, их размещение на каких сайтах. Это то, что есть. Также необходима таблица ключевиков, которые нужно продвигать, но какие еще не продвигаются.
Если будет решение на создание пробивных лендинг-страниц с оптимальным кодом, то надо будет создавать макет и запускать его в работу.
Еще раз обдумать имя домена "надуватели". Сейчас там на сайте около 150 посетителей в сутки, это не так много, чтобы цепляться за них. Может быть надо делать редирект, сайт-сателлит или другой вариант.
Есть еще более суровые ошибки, но я их приберег до "лучших времен", т.к. даже с этими очевидными ошибками никто в итоге разбираться не стал.