Референс Figma
Жанр: сайт видеоплатформы
Формат: #figma
Ссылка: www.figma.com/
Жанр: сайт видеоплатформы
Формат: #figma
Ссылка: www.figma.com/
Привет, Пикабу! Я 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, но можно юзать и аналог Text.ru.
Проверял тексты через Advego Plagiatus — уникальность держал выше 90%.
Однажды в паблике 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 — это фреймворк, который позволяет создавать веб-приложения с минимальным кодом, с использованием AI, подходящий даже для новичков.
Не требует глубоких знаний программирования.
Позволяет разрабатывать прототипы за часы, а не недели.
Поддерживает интеграцию с внешними API и базами данных.
Работает локально, что удобно для тестирования перед деплоем.
Сейчас даже малые бизнесы активно используют подобные инструменты для автоматизации внутренних процессов, и Bolt.DIY отлично подходит для этих задач.
Перед началом работы убедитесь, что у вас установлены:
Откройте терминал (Командная строка на Windows).
Выполните следующие команды, глобально через 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
Если приложение запустилось в браузере — всё готово к работе.
Установка 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 # Конфигурация проекта
Откройте Bolt.DIY и в окне чата введите свой запрос
Например: WEB приложения To-do List список задач, цветовая гамма: черный, красный и белый.
2. Bolt.diy обработает ваш запрос и создаст приложение
Bolt.DIY поддерживает подключение к SQLite, MongoDB или Firebase. Пример для SQLite:
Установите пакет:
npm install bolt-sqlite
Обновите bolt.config.js:
module.exports = {
plugins: [
require('bolt-sqlite')({ path: './data.db' })
]
};
Используйте в коде:
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 — отличный инструмент для быстрого прототипирования и создания веб-приложений без сложной настройки. Следуя этому руководству, вы сможете развернуть проект локально и масштабировать его под свои нужды.
Морозный декабрьский вечер 2024 года застал команду ведущих специалистов по маркетингу у дверей старинного московского особняка. Устроители мероприятия решили похоронить SEO — устаревшую концепцию продвижения сайтов в поисковых системах.
Усыпанный снежинками кортеж медленно двигался вдоль центральных улиц столицы, ведя скорбную процессию в храм памяти старых технологий. Но когда маркетологи, вооружившись лопаты и факелы, подошли к заранее вырытой могиле, чтобы навсегда опустить туда идею оптимизации поиска, произошло нечто странное: покойник вдруг пошевелился...
Словно ветхая кукла, тело SEO резко поднялось над землей, напугав собравшихся до смерти. Страшная истина была очевидна каждому присутствующему: вопреки всему прогнозируемому экспертами, SEO оказалось живее всех живых!
На следующий день после памятного события маркетологи начали активно делиться своими наблюдениями и переосмыслять подход к продвижению. Внезапно выяснилось, что основные принципы ранжирования Google, Яндекс и других крупных поисковиков остаются прежними уже несколько десятилетий подряд! Хотя алгоритмы регулярно обновляются, базовые механизмы вроде качественного контента, удобного интерфейса сайта и правильных метатегов продолжают оставаться ключевыми факторами успеха любой онлайн-кампании.
Вот почему даже спустя десятилетия разговоры о “смерти” SEO останутся лишь красивой риторической фигурой. Вместо простого забывания и отказа от проверенных инструментов важно научиться использовать современные методы вместе с традиционными техниками оптимизации. Настоящая революция произойдет тогда, когда специалисты перестанут воспринимать SEO как отдельное направление маркетинга, а интегрируют его в общую стратегию бренда органично и естественно.
SEO действительно изменилось — оно стало глубже, сложнее и многограннее. Сегодня оптимизация требует глубокого понимания поведения пользователей, психологии принятия решений и современных технологических трендов. Это далеко не простое занятие, однако именно такая работа способна обеспечить компаниям долгосрочный успех и узнаваемость.
Поэтому если кто-то снова захочет устроить символическое погребение этой концепции, пусть вспомнит урок минувших лет: невозможно победить старую добрую методику одним махом лопатки. Лучше уж позаботьтесь о качественных материалах и грамотной структуре вашего ресурса — и тогда никакие обновления алгоритмов вам будут нипочем.
Итак, дорогие коллеги-маркетологи, теперь мы знаем наверняка: оптимизацию нельзя убить окончательно. Её нужно принять такой, какая она есть сегодня, научится уважать её законы и развиваться параллельно с ними. Ведь мертвые идеи оживают чаще всего там, где надеялись на полное избавление...
⚡️Роскомнадзор может ограничить работу зарубежных провайдеров хостинга с учётом рисков для российских ресурсов
Зарубежные провайдеры могут использовать размещённые на их площадках ресурсы для обхода блокировок, например для распространения запрещённого контента, что увеличивает вероятность того, что сайт будет заблокирован в России.
С учётом рисков, которым подвержены ресурсы, размещённые на мощностях этих компаний, работа таких провайдеров хостинга может быть ограничена на территории РФ.
По работе, необходимо периодически заказывать програмные решения для сайта, не особо обычные и не очень простые, типо реализовать вывод средств с баланса сайта через некую платёжную систему, пусть например, юкассу. Расписываю суть задачи, говорю, что сам в теме чуть меньше чем ноль, но организация пусть и ИП, но далеко не детский сад, 150+ человек в штате на производстве, плюс имя довольно изветнное в РФ. Сразу не афиширую кто мы. Ставлю задачу, абстрактное ядро описываю, говорю что заплатим нормально, и сыпятся заявки, с контактами в телегу, вазап, почту. Хотя по правилам полощадок, уводить разговор в другие мессенджеры это не правильно. И. Что самое непонятное, пишет тело, мол я готово. Иначе не скажешь, 15200, на задачу за которую просить, как я понимаю меньше 50-80 тыс руб, это ну цирк. Ок, думаю, прогер молодой, акк смотрю 9 лет, но за 9 лет, 9 работ, и всякая ерунда. Типо шаблоны WP, лендинги, парсинги... Я с дуру соглашаюсь, и даже говрю что заплатим 30400 но... Я не совсем ДУРУ... Делаю копию сайта на техдомене, удаляю оттуда все важные данные, не буду углублятся, кто понял, тот понял...
И.... И. Вот без этого И.... с моногоиточием, я не могу. Даю телу доступы, в четверг утром, 28 числа. И жду, сегодня, смотрю логи, и, нет подключений ни по http в админку, ни по ftp. Я этому телу вначале пишу мол, а вы работаете, или нет, на что получаю ответ, да, да, мол, разбираюсь. Хм. после этого говрю мол а что вы делаете, я не вижу ваших подключений... На что получаю скрин из админки сайта, мол, вот он я, пашу аки конь. И... Первую запись в лог. Через 2 минуты после моего вопроса. И на этом я решаю с этим телом работу прекратить. Ну детский сад...
Но всё же, что это такое? Я бы понял если бы искали дурней, кто дадут доступы к сайту, и там можно будет что то украсть или навредить, с целью получения чего то там, но это вот что?...
И остальные, кто с ходу говорит, давайте общатся в телеге, мол тут не удобно? Это что...??? Если сами полощадки, не рекомендуют это.
В общем... Прошу отклика, как нормалньо работать с fl.ru и freelance.ru, может тут и оффициальные акки есть? Или может ну на**й эти помойки? А тогда что в замен?
Да и вообще, я так понимаю айтишиников тут не мало, может поговорим на эту тему?