Отчет по марафону

В дальнейшем будет называться под кодовым словом #азорина (потому что вымирающий вид, как инфо сайты в наши дни).

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

Ищу так:
bootstrap/tailwind template <тема сайта>

Беру дизайн за основу и начинаю переделывать под себя.

Так как я разрабатываю на Django, то никакой дополнительной натяжки не требуется.

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

Подумываю заказать дизайн + верстку, но не к кому обратиться лично, а до кворка еще не созрел. Короче, пока ковыряюсь.

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

#азорина

Зато уже прикинул структуру внутренней страницы (куда в основном будет идти весь траф). В этом помог ChatGPT. Делал так:

- Взял пример запроса.
- Пошел в Мутаген, взял хвосты.
- Пошел в ChatGPT и попросил создать идеальную страницу под следующие запросы.

Промптом вдохновился на канале @heymoneymaker:

Спроектируй идеальную структуру страницы отвечающей на следующие поисковые запросы:

<ключи списком>


Задача - максимально раскрыть интент пользователей и ответить на вопрос человека. Сделать страницу - идеальным ответом для людей. вывод сделай в формате html страницы 

После того как получил ответ - глянул результат и немного попросил доработать расположение блоков и группировку контента (тут по ситуации).

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

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

Напомню, это не просто статейник с голым текстом. Что-то между programmatic seo. Внутренняя страница состоит из блоков с контентом.

Наколхозил дизайн внутренней страницы.

Минималистично, как и планировалось.

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

#азорина

#азорина Генерация контента

Как уже говорил ранее - примерная тематика сайта - слова русского языка.

Как планирую делать контент?

Есть заранее отобранная база ключевых слов. 1 ключ = 1 страница.

Статья (хотя это не статья..) собирается из нескольких блоков / таблиц в бд.

Весь контент сгенерирован. С помощью скрипта + за саму генерацию отвечает внутренний API ArticlesFlow.ai.

Каждый блок генерируется отдельно, в 2 этапа - сначала сбор данных/контекста, потом генерация.

Скрипт схематично выглядит так:
- берем ключ
- идем в выдачу яндекса
- там парсим определенные сайты (не все подряд, а те с которых я хочу брать контент как основу «знаний»)
- парсинг отобранных сайтов, оттуда выдергивается кусок со статьей в html
- берем весь этот контекст, добавляем в промпт и генерирую блок контента
- есть четко описанная структура ответа, поэтому данные грубо говоря размечены уже так как мне нужно, а не просто голый текст от нейронки. Для этого использую библиотеку instructor
- сохраняем в бд и идем к следующему ключу по кругу

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


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

Chapter 3. Лето.

По жизни - в планах меньше работать и не выгореть окончательно до тла.

По сайтам - доделать последние 2 сайта под ру и разворачивать паруса в сторону буржа


У вас какие планы на лето?

Яндекс взял, Яндекс дал, а потом догнал и все равно взял

С прошлого раза ничего не делал, снял только фулскрин от РСЯ. Слишком бесячий за такие копейки. На 100% уверен что фулскрин никак не влияет

На скрине вебмастер чуть преуменьшает и отстает, трафик восстановился на ~85%

С начала июня трафик и позиции практически вернулись на место. Напомню, сайт вылетел далеко за топ 50, потом вернулся в топ 10.

Пока радовался сегодня опять уже -25%, короче турбулентность, правда небо чистое

#азорина Работа со старыми страницами: часть 1

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

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

—

Давайте еще раз уточню тематику, чтоб вам было интереснее

Можно сказать что сайт - бд про слова (около того)

—

Так вот

На старом сайте 7к страниц в индексе. На некоторые из них стоят хорошие ссылки, на некоторые идет траф.

План такой: в Метрике беру страницы на которые был траф из поиска + без роботов, последний фильтр также отсекает страницы что имели меньше 10 посещений.

Итого получилось 168 страниц.

Эти 168 страниц переезжают на новую версию сайта. Для остальных делаю редирект на главную (просто настрою на время для 404х страниц редирект на главную)

#азорина Работа со старыми страницами: часть 2

Из прошлой части имеем 168 старых страниц / статей.

Эти статьи все будут перенесены в раздел Статьи.

Т.е. на новой версии сайта будет раздел /slova (например) и доп раздел /articles

Соответственно в nginx сделают мапинг и перенаправление старых урлов на новые, с сохранением контента

Пара слов о сохранении/переносе старого контента

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

Накидал небольшой скрипт. На входе урлы, парсим их, чистим и сохраняем в базу. Под статьи завел отдельную таблицу. Как в wordpress (как и везде..) - храню html

#азорина Запечатлил первый деплой на прод, заодно хвастаюсь, что сделал CI/CD

#азорина Запуск новой версии сайта состоялся

Поставил отметку в метрике, как стартовую точку после обновления.

В среднем сейчас ±330 визитов в сутки

Опубликовано 167 статей со старого сайта (урл изменен, поставил редирект)

+ 100 новых статей сгенерировано.

В течение пары дней посмотрю как яндекс отреагирует на изменения и буду постепенно генерировать и выкладывать новые страницы

Генерация контента под ключ

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

Я подумал, что, может быть, не все знают об этом, но наверняка это может быть полезно кому-то еще.

В целом мы помогаем делать контент большого объема (тысячи и десятки тысяч статей) и самого разного формата.

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

Так, например, мы недавно научились заполнять характеристики к карточкам товаров (не только текст, но и непосредственно сами характеристики).

Помимо ИМ у нас в системе часто пишут про:
- беттинг (супер часто)
- прогнозы и спорт в целом
- новости
- и еще много чего другого

Поэтому, если у вас есть какой-то запрос и вам нужен контент по своему шаблону и формату, — пишите смело в личку (@kdvoryashin)

Сделаем решение чисто под вас

Т.к. Adsense стал снова доступен для меня, то как и планировал начинаю делать сайты под бурж.

Лучше всего у меня получаются сайты из серии «доры для людей», поэтому формат тот же. Контент - генеренка, будет очередной кейс для ArticlesFlow. Заодно покажу вам работает генеренка в бурже или нет.
Уже нашел одну интересную нишу (информационка, гео - Мексика), взял emd домен (новорег без истории). Вероятно повешу лендинг, на время пока буду заниматься разработкой.

Раньше я бы пошел искать шаблон заглушки или лендинга и адаптировать под себя. Сейчас я иду в chatgpt.

Промпт (его сгенерировал через claude):

You will be acting as a senior frontend developer tasked with generating a landing page for a website. The key details for the project are as follows:

<topic>
{{TOPIC}}
</topic>

<domain_name>
{{DOMAIN_NAME}}
</domain_name>

<language>
{{LANGUAGE}}
</language>

<target_audience>
{{TARGET_AUDIENCE}}
</target_audience>

<purpose>
{{PURPOSE}}
</purpose>

When designing and developing the landing page, focus on creating a modern, visually appealing, and responsive design that effectively communicates the key message and engages the target audience. Utilize the latest web development techniques and UX/UI best practices to ensure an optimal user experience across different devices and screen sizes.

Begin by creating a wireframe or outline of the landing page structure. Consider the key elements and sections to include, such as a compelling headline, a brief description of the website's purpose, relevant images or graphics, and a clear call-to-action. Organize the content in a logical and visually appealing manner, making sure to prioritize the most important information.

When writing the copy for the landing page, keep the target audience in mind and use language that resonates with them. Focus on highlighting the key benefits and unique features of the website, and use persuasive language to encourage users to take action, such as signing up for a newsletter or exploring the main version of the site when it launches.

Optimize the landing page for search engines by incorporating relevant keywords and meta tags, and follow SEO best practices to improve the page's visibility and ranking. Additionally, optimize the page's performance by minimizing the use of large, unoptimized assets and implementing efficient coding practices.

Review and refine the landing page design and content iteratively, making sure that it effectively communicates the key message, engages the target audience, and encourages user action. Test the landing page across different devices and screen sizes to ensure responsiveness and compatibility, and make any necessary adjustments to improve the user experience.

<scratchpad>
- Create a wireframe or outline of the landing page structure
- Write compelling copy focused on the target audience and purpose
- Optimize the page for search engines and performance
- Review and refine the design and content iteratively
- Test the landing page across different devices for responsiveness
</scratchpad>

Finally, consider any additional best practices or considerations specific to creating an effective landing page stub while the main version of the site is under development. Ensure that the landing page sets the right expectations for users and provides a seamless transition to the main site once it is launched.

<answer>
Provide your landing page design and code inside these tags, following the instructions and considerations outlined above. Make sure to include all the necessary elements, such as HTML structure, CSS styles, and any required JavaScript functionality. Organize your code and content in a clear and logical manner, and add comments where necessary to explain your design and development choices. Use tailwind framework, do not put images
</answer>

Но если честно gpt-4o настолько хорош, что обычного «generate langing page for X with Y» было бы достаточно 😜️️️️ остальное уже тюнинг

Ленивый только не сделал репост новости, что OpenAI выпустили анонс поисковика.

Новость и новость.

Для людей в целом - больше хорошая, наверное.

Монополия это плохо. Старый механизм поиска информации явно устарел. А OpenAI умеет делать хорошо.

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

А вы какие сайты делаете? Где деньги сейчас в интернете?

Пара мыслей про ai контент в гугле

На картинке сайт из проекта #кобра. Спустя ~3 недели запущенный одностраничник/калькулятор с ai контентом (прям one shot генерация) под бурж.

вроде и ползет что-то, но врятли доползет куда надо.

Сейчас переписал контент чуть хитрее, но все еще с AI:

- генерация плана через perplexity на англ языке
- генерация статьи по плану (claude 3.5) - все еще на английском
- приводим в человеческий вид с помощью hemingwayapp (аналог grammarly)
- Через claude перевод на нужный язык (можно было бы deepl взять)

Наблюдаю дальше

#кобра

Наконец дошли руки записать демку для ArticlesFlow AI.

Если вы вдруг все еще (вы же уже, да?) не зарегистрировались и не попробовали сами - велком. При регистрации дается бонус, можно потестить сервис бесплатно.

Например, одна из топ тематик среди клиентов - гэмблинг - пишется без проблем под любой язык и гео.