Получаем трафик в эру ИИ: как создать свой веб-сервис и развернуть его на VPS

Андрей Подорожко

Digital маркетолог 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.

► Пример кода для script.js

• style.css – это CSS-файл, в котором задаются стили оформления веб-страницы, определяя ее внешний вид и дизайн. Этот файл тоже необходимо создать в папке Custom Converter.

► Пример кода для style.css

• 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.

Оригинал статьи на SEOnews