Создание сайта

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

Начало: когда я думал, что SEO — это просто «пихай ключи и молись»

Первые шаги в SEO были как попытка собрать мебель из IKEA без инструкции. Я заказал тексты на Text.ru, написал в ТЗ: «впихнуть ключ ‘купить окна Москва’ раз десять». Копирайтеры постарались — тексты получились такими, что даже я, заказчик, засыпал на втором абзаце. Уникальность 100%, а толку ноль. В Яндекс.Метрике — отказы под 80%, время на странице — как мой рекорд по задержке дыхания, секунд 15. Сайты болтались где-то в районе «никто не увидит».

Я тогда думал: «Ну, ключи же есть, почему не работает?» Оказалось, Яндекс не дурак — он любит, когда текст для людей, а не для ботов. Но до этого я еще дошел через пару эпичных фейлов.

Первая шишка: как я словил бан за переспам

Мой первый серьезный косяк был с сайтом про ремонт. Решил, что если засунуть «ремонт квартир недорого» в каждый абзац, Яндекс скажет: «О, какой молодец!» Вместо этого он сказал: «Фильтр за переоптимизацию, братишка». В Яндекс.Вебмастере прилетело письмо: «Контент низкого качества». Я тогда впервые услышал про E-A-T (экспертность, авторитетность, доверие) и подумал: «Это что, теперь тексты писать как докторскую диссертацию?» Пришлось все переделывать, а это, скажу я вам, как обои переклеивать после криворукого мастера.

Мои инструменты: что помогает не облажаться снова

После того как я словил бан от Яндекса, понял: без нормальных инструментов в SEO — как без молотка на стройке. Начал собирать свой арсенал, чтобы больше не писать тексты наугад. Вот что я использую, чтобы не повторять старых косяков:

• Яндекс.Вордстат: бесплатный сервис, показывает, что люди ищут. Например, сколько раз в месяц вбивают «ремонт ванной». Простой, как табуретка, но без него никуда.

• Serpstat: помогает подсмотреть, какие ключи используют конкуренты и как они обходят тебя в выдаче. Для меня это как шпионский бинокль.

• KeyCollector: для тех, кто хочет копать глубже. Собирает кучу запросов и фильтрует мусор вроде «ремонт скачать бесплатно». Чувствуешь себя хакером, но на деле просто экономишь время.

• Text.ru и Advego Plagiatus: проверяют уникальность текстов. Если статья похожа на чужую, Яндекс может устроить мне еще один бан, а мне это не надо.

• X-GPTWriter: софт, который тянет нейросети вроде ChatGPT и наших, российских, типа ChatRU. Выдает готовые статьи по заданным ключам.

Эти штуки стали моими спасателями. Без них я бы до сих пор писал тексты, которые никто не читает, а Яндекс закидывает на сотую страницу.

Прорыв: семантика — мой новый лучший друг

После бана я решил, что пора учиться. Зарегистрировался на Serpstat, начал копать Яндекс.Вордстат. Оказалось, что семантическое ядро — это не просто список ключей, а целая карта желаний аудитории. Люди ищут не только «ремонт квартир», но и «как сэкономить на ремонте», «ремонт ванной в хрущевке», «почему плитка отваливается». Это называется LSI — семантические слова, которые делают текст полезным и живым.

Как я собирал ядро

• Яндекс.Вордстат: бесплатный, но как старый калькулятор — работает, но медленно. Я выгребал низкочастотники типа «ремонт кухни 6 метров».

• Serpstat: показал, какие ключи используют конкуренты. Например, я увидел, что топовые сайты пишут про «фото ремонта до и после» — и я такой: «О, это же годнота, беру!»

• KeyCollector: для тех, кто хочет почувствовать себя хакером. Парсил запросы, чистил мусор вроде «ремонт квартир скачать торрент» (серьезно, кто это ищет?).

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

Пишу тексты: от «простыни» к читабельности

Раньше мои тексты были как сочинение школьника на «Как я провел лето» — длинные, мутные, без структуры. Потом я подсмотрел у конкурентов в топе и понял: структура — это как специи в борще, без нее никуда. Яндекс обожает, когда текст легко читается, а люди не убегают с сайта через 10 секунд.

Моя структура текста

• H1: главный заголовок с ключом, например, «Как сделать ремонт недорого и не сойти с ума».

• Введение: пара строк, чтобы зацепить. Например: «Ремонт — это как поход к стоматологу, но можно сэкономить, если знать, где».

• H2 и H3: подзаголовки для удобства. Типа «Выбор материалов», «Как не нарваться на криворукую бригаду», «Сколько стоит ремонт в 2025 году».

• Списки и таблицы: для наглядности. Добавлял списки вроде «5 косяков, которые я совершил при ремонте» или табличку с ценами на ламинат.

• Заключение: краткий итог, без навязки. Например: «Теперь я знаю, как не потратить миллион на ремонт ванной».

Проверял тексты через Advego Plagiatus — уникальность держал выше 90%.

E-A-T: как не выглядеть лохом в глазах Яндекса

Однажды в паблике SEO-шников ВКонтакте я наткнулся на пост про E-A-T. Это когда Яндекс проверяет, не школьник ли ты, который вчера прочитал Википедию и теперь пишет про ремонт. Я начал добавлять:

• Экспертность: вместо того чтобы искать мастера с 15-летним стажем для консультаций, я стал использовать X-GPTWriter. Задавал ему ключи и просил писать так, будто автор — профи с кучей опыта. Получались тексты, которые выглядели, как будто их писал строитель с мозолями на руках, а не копирайтер с биржи.

• Авторитетность: ссылался на строительные форумы или сайты производителей, типа Knauf или Tikkurila.

• Доверие: сделал страницу «О нас» с фотками бригады и отзывами (реальными, не придуманными, Яндекс это чует).

В Яндекс.Метрике я заметил, что время на странице выросло до 3,5 минут, а отказы упали до 25%. Это был знак, что я на верном пути.

Нейросети: когда помощник — тот еще лентяй

В 2023 году я решил попробовать нейросети для текстов, чтобы не тратить часы на черновики. Первой была GigaChat от Сбера. Думал: «Сейчас она за меня все сделает, а я буду кофе пить». Ха, наивный. Тексты она выдавала быстрее, чем я успевал моргнуть, но они были как тостер: функциональные, но без души. Я использовал их как черновики, добавлял свои истории. Например, как я выбирал краску и чуть не купил ту, что пахнет как носки после спортзала. Проверял тексты через Text.ru — один раз GigaChat выдал текст, на 60% похожий на статью с какого-то блога. Пришлось переписывать, чтобы не словить бан.

Потом я наткнулся на X-GPTWriter — софт, который тянет сразу несколько нейросетей, включая ChatGPT и российские штуки вроде ChatRU. Это был реальный прорыв: задаешь ключи, выбираешь формат, и на выходе — почти готовая статья или описание услуги. Я обычно только чуть подправлял, добавляя свои байки. Тексты выходили живые, с уникальностью 95%+ по Advego Plagiatus, что для Яндекса идеально. С этим софтом я стал тратить на контент минут 5 вместо часа, и статьи сразу шли в работу. Главное — не спамить ключами, а то фильтр прилетит, как мне однажды по глупости.

Мои косяки, которые чуть не угробили проекты

• Игнор мобилок: писал километровые тексты, которые на телефоне выглядели как Война и мир. Теперь разбиваю на абзацы по 3–4 предложения и проверяю в Яндекс.Вебмастере, как страница рендерится.

• Забывал про конкурентов: раньше писал, как в вакууме. Теперь всегда смотрю топ-10 в Serpstat и думаю: «Ок, чем я могу быть круче?»

• Не обновлял контент: один текст про ремонт устарел, потому что цены на материалы выросли. Яндекс это заметил, и страница просела. Теперь раз в полгода обновляю цифры и добавляю свежие фотки.

Как я вывел сайт в топ и не поседел

После всех приключений мой сайт про ремонт пробился в топ-10 Яндекса по запросам вроде «ремонт ванной недорого». В Метрике видел, что люди тусуются на странице по 4–5 минут, а клики по внутренним ссылкам выросли на 50%. Главное, что я понял: пиши для людей, а Яндекс сам подтянется. Если текст интересный, с историями и юмором, люди дочитывают, а поисковики это любят.

Что реально сработало

• Семантика через Вордстат и Serpstat — без нее никуда.

• Четкая структура: заголовки, списки, короткие абзацы.

• Личный опыт: байки про мои ремонтные фейлы цепляли больше, чем сухие советы.

• Метрика и Вебмастер: без них я бы не понял, что работает, а что — мусор.

Теперь все статьи для своих проектов — от ремонта до нового сайта про путешествия — я делаю через X-GPTWriter. Задал ключи, выбрал формат, и на выходе почти готовая статья, которую остается чуть причесать, добавив пару своих историй, вроде как я чуть не свалился с лестницы, клея обои. Это экономит кучу времени: вместо трех часов на текст уходит минут 20, а уникальность по Text.ru — стабильно 95%+. Главное — не увлекаться ключами, чтобы Яндекс не прилетел с фильтром. С этим софтом я наконец-то перестал чувствовать себя машиной для писанины и начал кайфовать от процесса.

Сейчас я работаю над сайтом про путешествия. Пишу про свои походы в Крым, где чуть не улетел со скалы, и про Алтай, где комары чуть не съели меня живьем. Если интересно, могу рассказать, как идут дела. А вы какие косяки в SEO совершали? Делитесь, посмеемся вместе!

СИТУАЦИЯ.
Вам хочется создать простую браузерную игру, которая будет открываться при запуске файла index.html
Но нейросеть пишет только код, а не создает уровень игры с точными координатами расположения игрового персонажа и всех объектов игры.

А визуальный редактор WYSIWYG Web Builder в обычном случае, может создать игровой уровень, строго разместить игрового персонажа и объекты строго по координатам, но не задать свойства/поведение объектов и управление игровым персонажем.

Возникает впорос:
Как создать уровни браузерной-игры и разместить ее персонажей в визуальном редакторе, а код свойства объектов и сценария добавить из нейросети?

Есть решение:
Совместить визуальный редактор и нейросеть.

ЧТО КОНКРЕТНО ДЕЛАТЬ?

1. С помощью визуального программы-редактора WYSIWYG Web Builder 15 (для создания веб-сайтов), создаем из разных объектов полноценный уровень. В уровне размещаем игрового персонажа строго там, где он должен загружаться в локации игры.

Созданный уровень/игру публикуем в виде html-сайта через меню Файл-"Опубликовать".

2. Затем открываем нейросеть, например ChatGPT или Grok

ЗАПРОС, который нужно ввести в командную строку нейросети:

Редактируй код каждого файла игры, которая будет запускаться с файла index.html. Суть игры следующая.

Объект-игрок, который в коде именуется как объект "Image1", управляется при помощи клавиш. Клавиши-стрелки определяют направление стороны движения объекта-игрока.

В пространстве игры, расположены следующие объекты-препятствия, которые в коде именуются как:

Image4, Image5, Image7, Image9

Если Объект-игрок задевает объекты-препятствия, то Объект-игрок, отскакивает в сторону.
Фон игры задается файлом "image2".
Вот коды каждого файла, которые ты должен отредактировать:

код файла: index.html:
здесь вставляете весь код из файла index.html

код файла: index.css
здесь вставляете весь код из файла index.css

И так со всеми файлами игры-сайта-приложения, где содержится код!

3. Код созданный для каждого файла, при помощи текстового редактора(например Блокнот) полностью вставляем в конкретный файл, стерев/убрав перед этим старый код.

4. Запускаем файл index.html, который запускает игру.

Почему Bolt.DIY? Преимущества для быстрой разработки

Bolt.DIY — это фреймворк, который позволяет создавать веб-приложения с минимальным кодом, с использованием AI, подходящий даже для новичков.

• Не требует глубоких знаний программирования.

• Позволяет разрабатывать прототипы за часы, а не недели.

• Поддерживает интеграцию с внешними API и базами данных.

• Работает локально, что удобно для тестирования перед деплоем.

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

Подготовка среды разработки

Перед началом работы убедитесь, что у вас установлены:

1. Node.js (версия 14 или выше) — для работы JavaScript вне браузера.

2. Git — для управления версиями (опционально, но рекомендуется).

3. Текстовый редактор (VS Code, Sublime Text или аналоги).

Установка Bolt.DIY

1. Откройте терминал (Командная строка на Windows).

2. Выполните следующие команды, глобально через npm (менеджер пакетов Node.js):

npm install -g pnpm
pnpm --version
netstat -ano | findstr :5173
git clone -b stable https://github.com/stackblitz-labs/bolt.diy.git
cd bolt.diy
copy .env.example .env.local
pnpm install
pnpm run dev

3. Проверьте установку:
http://localhost:5173
Если приложение запустилось в браузере — всё готово к работе.

Создание первого веб-приложения

1. Установка API:
   Перейдите на openrouter для получения API ключей
   Выберите нужную AI модель (Gemini 2, Qwen 2.5 и т.д. Можно выбрать free, для бесплатной проверки работы Bolt.DIY)
   

Базовая структура проекта

Bolt.DIY создаёт следующую структуру файлов:

my-first-app/
├── public/ # Статические файлы (HTML, CSS, изображения)
├── src/ # Основной код приложения
│ ├── app.bolt # Главный файл логики
├── bolt.config.js # Конфигурация проекта

Добавление функционала

1. Откройте Bolt.DIY и в окне чата введите свой запрос

Например: WEB приложения To-do List список задач, цветовая гамма: черный, красный и белый.

2. Bolt.diy обработает ваш запрос и создаст приложение

Интеграция с базами данных (опционально)

Bolt.DIY поддерживает подключение к SQLite, MongoDB или Firebase. Пример для SQLite:

1. Установите пакет:

   
   npm install bolt-sqlite

2. Обновите bolt.config.js:

module.exports = {
plugins: [
require('bolt-sqlite')({ path: './data.db' })
]
};

1. Используйте в коде:

const db = bolt.database();

db.run('CREATE TABLE IF NOT EXISTS tasks (id INTEGER PRIMARY KEY, name TEXT)');

Деплой приложения

Когда приложение готово, его можно:

• Экспортировать в статические файлы (bolt build), затем залить на хостинг (Netlify, Beget).

• Запустить на своем сервере через Node.js.

Bolt.DIY — отличный инструмент для быстрого прототипирования и создания веб-приложений без сложной настройки. Следуя этому руководству, вы сможете развернуть проект локально и масштабировать его под свои нужды.

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

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

Итак, дорогие коллеги-маркетологи, теперь мы знаем наверняка: оптимизацию нельзя убить окончательно. Её нужно принять такой, какая она есть сегодня, научится уважать её законы и развиваться параллельно с ними. Ведь мертвые идеи оживают чаще всего там, где надеялись на полное избавление...

- Да не, всё чётко будет. Фотки убитых домов я уже с других городов понадёргал. Симки завтра планировал купить, но начать уже сейчас не терпится 😁 Можно?

- А если мне будут звонить?

- Не беспокойся над этим. Я выставлю на продажу такое уёбище, и за такой огромный ценник, что тебе никто не позвонит 😉

- Ну, тогда ОК...

В итоге, на следующий день было 5 звонков 🤣🤣🤣 Когда я сообщил об этом Олегу, он просто не поверил:

- То есть, тебе за день позвонили 5 человек, чтобы купить этот гнилой, мать его, сарай, да ещё и за 3 миллиона?

- Получается, так.

- Ну я хз тогда... Долбоёбы какие-то...

Идея вторая. Навскидку, 2015 год. Олег задумал купить холодильник и нашёл подходящую модель в М-Видео. Но платить 25к не хотел. А в этой торговой сети в то время была акция по типу "нашли дешевле - снизим цену". И Олег подумал: а что, если сделать фейк страницы какого-нибудь известного магазина, где будет выставлен этот же холодильник, но с какой-нибудь смехотворной ценой, типа за 9999 рублей?И отправить ссылку на эту страницу в М-Видео, мол, вот, я нашел дешевле, снижайте цену! Собственно, с этой целью он мне и позвонил.

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

Ну реально, там ведь не лохи сидят, в этом М-Видео, они будут пробовать по ссылкам переходить, и все такое...

- Ну да, ты ж типа в компьютерах разбираешься. К понедельнику сделаешь?

- То, что я сам себе собрал ПК и установил винду, не гарантирует, что я умею создавать интернет-сайты.

- Но ты же мне своим сайтом хвастался? Значит, умеешь.

- Это был 2008 год. В то время сайты делали на голом HTML, можно было тупо открыть код страницы, скопировать его и вставить к себе. Мой сайт был по тому же принципу сделан. Сейчас делают по-другому, весь код лежит на сервере этого магазина. То есть, открываешь код страницы, а там, толком, и нет нифига, только какие-то скрипты. Ты мне предлагаешь этот сайт с нуля писать?

- Ну... наверное. Тебе-то виднее должно быть, ты же спец, а не я.

- Ну, так-то, разработкой таких сайтов большие команды занимаются. Причём, по несколько месяцев. Причём, за зарплату в 80-100к. А ты просишь в одну каску, до понедельника и бесплатно.

- Я вот, если ты забыл, когда тебе помогал, денег ни разу не просил. А тут сам попросил помочь один раз, и ты сразу про деньги начинаешь. Это нормально, по-твоему?

- Я не начинаю про деньги. Я начинаю про то, что ты просишь слишком многого. Мне придется забросить вообще все дела (на месяц, как минимум), выполнить огромный объём работы, возможно, даже программирование выучить для этого. И всё это - из-за твоей жадности?

- Но ты же тоже в плюсе останешься, в итоге, ты же опыт получишь, если будешь делать.

- Но мне не нужен этот опыт. Меня не интересует создание сайтов. И еще нюанс: даже если я скопирую содержимое один-в-один, как мне подделать доменное имя? Менеджер, который увидит в строке браузера какую-нибудь абракадабру, сразу поймет, что это наебалово.

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

Ну да, ну да, вечно у него есть какой-то знакомый, который "сто раз так делал". Так я и поверил.

- Я тебе так скажу: если бы я профессионально этим занимался, и знал, как это быстро провернуть, я бы сделал, без вопросов, хоть и не одобряю такое. Но я не по этой теме. Нужно будет винду поставить или прогу какую-нибудь настроить, или комп собрать из комплектующих - обращайся. А с этим... Ну, не знаю, обратись к этому твоему знакомому, например 😁

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

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

Если я неправ в этой ситуации и поступил не по-дружески, напишите в комментах, я правда не понимаю...

Идея третья, тут вообще откровенная ДИЧЬ! Это был, примерно, 2009 год. Однажды приехал к нему в гости. Сидим, играем в приставку. Олег и говорит:

- А давай наркоманов на деньги кидать?

- В смысле?

- Ну, граффити видел на улице, с телефонными номерами? Давай таких же граффити наделаем, только с нашими номерами? В смысле, не прямо с нашими, а отдельные сим-карты для этого купим (они в те годы продавались без паспорта). Рисуем свои граффити, нам пишет наркоша, типа "Есть чё?", мы в ответ пишем, мол, есть, переводи столько-то на такой-то номер. Он переводит, а мы ему: "А теперь прости-прощай"... Классная идея, да? Наркоман ведь не пойдёт в ментовку, иначе его самого загребут.

Переводов с карты на карту, как сейчас, в то время ещё не было, следовательно, речь шла о пополнении баланса, поэтому я уточнил:

- А что толку, что он пополнит баланс твоей симки? Как ты эти деньги в налик превратишь?

- Да есть такие сервисы. Мне знакомый один рассказывал...

Опять этот знакомый 🤣🤣🤣

- А моя роль в чём?

- Ну, граффити рисовать. Ну, и в интернете рекламу какую-нибудь тоже заебенишь. Ты же разбираешься, как там что. А с меня - баллончики и сим-карты. Ну, и с "клиентами", так уж и быть, тоже я буду общаться. Что скажешь?

Иногда вспоминаю про это "щедрое бизнес-предложение" и просто на смех пробивает 🤣 Если поразмыслить над всеми его тогдашними доводами, то его затея не то, что сомнительная, это полный трэш! Уверен, буквально через неделю после старта подобного "бизнеса" я оказался бы либо в СИЗО, либо в лесу, где спортики переломали бы мне все кости, которые ломаются!

А он ведь не рофлил, он на полном серьёзе такое предлагал. Реально, то ли сам Святая Простота, то ли меня держал за полного идиота...