Привет! На связи команда провайдера облачной инфраструктуры Beget. Меня зовут Андрей Подорожко, я диджитал-маркетолог – и в этой статье расскажу, как легко создать веб-сервис, который поможет продолжать получать трафик тем вебмастерам, которые почувствовали на себе сокращение посещаемости традиционных информационных сайтов.
Уже не новость, что в поисковых системах появились генеративные ИИ-обзоры и, как следствие, трафик из поисковиков информационным сайтам стало получать всё труднее.
Однако на органическом трафике сейчас всё еще можно зарабатывать.
Например, трафик могут дать веб-сервисы – калькуляторы стоимости, трекеры, таймеры, планировщики, конвертеры (валют, единиц измерения, времени, форматов файлов) и т. п. Для разработки большинства из них необязательно быть опытным программистом, их можно создать с помощью no-code платформ или использовать нейросеть для написания кода.
В зависимости от направленности, такие сервисы могут помочь бизнесу заработать и поэтому популярны: например, по данным Водстата, по теме конвертации форматов ежемесячно только по одному ключу частотность – более 90 тысяч запросов:
Кроме того, подобные сервисы пока еще не вынесены в генеративные ответы ИИ – и по-прежнему пользуются популярностью у пользователей. То есть собирают свою долю посещений.
Сегодня я хочу поделиться примером создания такого сервиса – конвертера файлов, который я создал с помощью вайбкодинга. Если вы привыкли зарабатывать на органическом трафике с информационных ресурсов и подыскиваете решение на смену таким сайтам вследствие внедрения ИИ в поисковую выдачу, то этот материал может вам пригодиться. Вы узнаете, как создать онлайн-сервис самостоятельно, чтобы продолжать получать трафик.
В качестве образца я выбрал сервис ilovepdf. Он позволяет конвертировать PDF в разные форматы (JPG, WORD, EXCEL и др.), сжимать и объединять документы, добавлять водяные знаки и т. д. Я оставил только главную опцию – конвертацию файлов. Расскажу по пунктам, что я сделал.
1. Через функцию «Исходный код страницы» я просмотрел код сайта и скопировал его в нейросеть, в моем случае – Gemini.
Вставив код исходного сайта в Gemini, я ввел промпт:
Сделай аналогичный сервис для конвертации форматов файлов. Мне нужен ключевой функционал, чтобы я мог загружать документы с HTML, CSS и JavaScript. Также важно, чтобы этот сервис я потом мог вставить в шаблон на WordPress.
2. Я использовал тему Twenty Twenty-Five и создал подпапку в папке темы Custom Converter:
/wp-content/themes/ВАША-ТЕМА/custom-converter/
3. Подключаем к теме файлы, которые предоставил Gemini:
• script.js – это JavaScript-файл, который содержит скрипты, отвечающие за логику, поведение и динамическое взаимодействие веб-страницы. Этот файл необходимо создать в папке Custom Converter.
• style.css – это CSS-файл, в котором задаются стили оформления веб-страницы, определяя ее внешний вид и дизайн. Этот файл тоже необходимо создать в папке Custom Converter.
• functions.php – это служебный файл, который находится в папке темы WordPress и отвечает за подключение и настройку функционала сайта. Проще говоря, это мозг темы, куда добавляют нужные функции, настройки и хуки. В этом файле следует указать адрес API бэкенда ($base_url = 'https://yourdomain.com';) и внести ряд изменений, чтобы связать тему WordPress с Custom Converter, а Custom Converter – с бэкендом.
► Пример кода для functions.php
После внесения этих изменений наш фронтенд для конвертера пдф готов, а если возникнут ошибки, можно смело обращаться к нейросети и просить ее помочь решить конкретную проблему в коде.
4. Теперь, чтобы бэкенд заработал, осталось развернуть наш сервис на VPS. Для этого я ввел в Gemini промпт:
Напиши бэкенд на Python для конвертации файлов pdf to word, используй готовые библиотеки для конвертации файлов. Скрипт планирую ставить на VPS. Ранее ты говорил, что нужно использовать Flask, а не обычный скрипт на Python, поэтому сделай не просто скрипт, а Flask-приложение.
Затем я получил от Gemini отдельный скрипт на Python, после чего использовал наш виртуальный сервер: все свои действия по развертыванию сервиса на VPS я подробно и по шагам описал в отдельной инструкции – на этом работа подошла к концу, сервис уже в сети, а чтобы прикрепить домен к сайту, можно действовать по видеоинструкции.
Результат
В итоге у меня получился свой конвертер PDF.
Посещаемость у подобного сервиса может быть весьма приличная. Например, вот результаты по посещаемости для ilovepdf, которые дают понимание по трафику:
С помощью подобного сервиса и комплексной SEO-оптимизации можно попасть в топ по различным транзакционным запросам, направленным на целевое действие и переход на сайт. Например, по запросу «создать pdf в word» можно получать неплохой органический трафик, а ИИ-обзоры поисковиков, в свою очередь, не будут обрубать такой трафик быстрыми ответами, как они это делают с информационными запросами.
У подобного сервиса есть масса возможностей для масштабирования. Например, на виджет можно подключить Telegram-бота, развернуть сервис в виде веб- или мобильного приложения. А помимо нейросети и no-code платформ есть и готовые образцы, которые можно найти, например, на Docker Hub.
Теги:
