Создание сайта за 3 часа c ИИ | WordPress + Elementor + Deepseek + Qwen | Пошаговый гайд!

• Автор показывает пошаговую разработку сайта для церемонии Камба в Уфе.  

• Сайт будет включать кнопку для записи на церемонию с переходом в чат Telegram.  

• Информационные блоки и уникальные изображения будут созданы с помощью нейросети.  

• Блок с отзывами участников, большинство из которых будут реальными.  

• Тексты на сайте будут генерироваться нейросетью DALL-E.  

• Призыв к действию и переход на Telegram для записи.  

• Создание мобильной версии сайта.  

• Возможность расширения сайта до многостраничного и добавления интернет-магазина.  

• Хостинг: 30 дней бесплатно, затем 320 рублей в месяц.  

• Домен в зоне .ru: 179 рублей в год.  

• Создание главной страницы, текстового и графического контента с помощью нейросетей.  

• SEO-оптимизация и подключение к Яндекс Вебмастеру и Метрике.  

• Сайт будет полностью в собственности без ограничений.  

• Обучение работе с WordPress, Elementor, SEO и нейросетями.  

• Скидка 95% на профессиональные инструменты для создания сайта.  

• Получение аккаунта хостинга через ссылку под видео.  

• Рекомендация хостинга Beget: тарифы Block и Start.  

• Преимущества хостинга: скорость, бесплатные SSL-сертификаты.  

• Заполните личные данные: ФИО, номер телефона, email.  

• Укажите логин и код партнёра 110928.  

• После регистрации доступ к контрольной панели по адресу cpp.beget.ru.  

• Домен — это адрес сайта, по которому пользователи попадают на ваш сайт.  

• Для долгосрочного проекта необходим собственный домен.  

• Найдите раздел «Домены и поддомены», выберите «Регистрация домена».  

• Введите название домена, например, «комбо-уфа.ру».  

• Если домен уже зарегистрирован, выберите другой.  

• Используйте нейросеть для генерации названий доменов.  

• Для России и СНГ выбирайте зону .ru.  

• Избегайте экзотических зон, таких как .online или .store, из-за высоких затрат на продление.  

• Простой домен в зоне .ru или .com предпочтительнее.  

• Заполните паспортные данные администратора домена.  

• Пополните баланс на стоимость регистрации домена.  

• Оставьте настройки по умолчанию: делегирование, автоматическое продление, бесплатный сертификат.  

• Дождитесь сообщения о регистрации домена и выпуске SSL-сертификата.  

• После получения сообщения о выпуске сертификата можно устанавливать WordPress.  

• Создайте поддомен для учебных или бизнес-сайтов.  

• В разделе «Хостинг» выберите «Установка системы управления контентом», затем «WordPress».  

• Укажите зарегистрированный домен и логин администратора, отличный от «admin».  

• Не используйте логин «admin» для администратора, чтобы избежать уязвимостей.  

• Устанавливаем пароль, рекомендуется использовать надёжный пароль.  

• Указываем рабочий email.  

• Нажимаем «Установить».  

• В адресной строке браузера вводим домен сайта.  

• Открывается главная страница WordPress.  

• Для входа в панель управления добавляем к адресу сайта косую черту и «/wp-admin».  

• Вводим логин и пароль, ставим галочку «Запомнить меня».  

• Закрываем ненужные вкладки, настраиваем экран.  

• Удаляем автоматически установленные плагины.  

• Отключаем индексацию сайта поисковыми системами.  

• Настраиваем постоянные ссылки.  

• Удаляем автоматически установленные темы.  

• Добавляем тему Astra, активируем её.  

• Устанавливаем плагин Starter Template.  

• Активируем плагин Reliable Simple SSL для защиты сайта.  

• Устанавливаем плагин Elementor для создания страниц.  

• Устанавливаем плагин WP Migrate Backup.  

• Создаём резервную копию сайта.  

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

• Подготавливаемся к дизайну главной страницы.  

• После активации плагинов на сайте могут появиться дополнительные окна.  

• Рекомендуется убрать их через настройки экрана.  

• Создаём новую страницу для главной.  

• Используем редактор Elementor вместо стандартного редактора WordPress.  

• В левой части экрана находим виджеты и глобальные элементы.  

• Бесплатные виджеты достаточны для создания хороших сайтов.  

• Рассматриваем готовые шаблоны Elementor, большинство из которых доступны в платной версии.  

• Нажимаем на кругляшок с буквой «С» для доступа к страницам и блокам.  

• Импортируем готовые шаблоны на страницу.  

• Собираем сайт из готовых блоков, редактируя их под себя.  

• Важно правильно расположить блоки и написать текст для повествовательной структуры.  

• Используем DeepSik для создания структуры и текста посадочной страницы.  

• Отправляем запрос DeepSik, например: «Привет, я создаю сайт. Тема сайта — церемония Камбо в Уфе. Пожалуйста, составь для меня структуру и текст для посадочной страницы».  

• DeepSik быстро генерирует структуру и текст, адаптируясь к запросу.  

• Выбираем секцию «Хиро» для главного экрана.  

• Импортируем блок с текстом и кнопкой.  

• Дублируем блок для создания двух секций преимуществ.  

• Добавляем блок с изображением и текстом для преимуществ церемонии.  

• Перемещаем и стилизуем блоки на странице.  

• Импортируем блок «Как проходит церемония».  

• Стилизуем блок и добавляем его на страницу.  

• Находим и импортируем блок «Отзывы участников ритуала».  

• Дублируем блок и стилизуем его.  

• Добавление блока «Отзывы».  

• Импорт блока «Частые вопросы о камбо церемонии».  

• Выбор и импорт блока «Колту экшн».  

• Импорт блоков «Цитата» и «Социальные сети».  

• Преобразование старых блоков в контейнеры для работы с флексбоксами.  

• Удаление старых блоков и дублирование контейнеров.  

• Получение готовой заготовки страницы без стилизации и текста.  

• Объяснение работы с пейдж билдером как основного инструмента для создания страниц.  

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

• Удаление ненужного контейнера и растяжение оставшегося контейнера на всю ширину.  

• Настройка отступов в процентах: справа — 46%, слева — 5%.  

• Отключение параметра «связать значение» для независимого изменения параметров.  

• Вставка текста «Легендарная церемония камбо в Уфе» в контейнер.  

• Изменение размера и цвета шрифта.  

• Размещение фотографии лягушки, занимающей весь размер контейнера.  

• Вкладка «Стиль» позволяет выбрать тип фона: классический, градиент, видео или слайд-шоу.  

• Можно задать цвет или загрузить изображение.  

• Изображения можно создавать с помощью нейросети или находить в интернете.  

• Важно использовать качественные изображения для сайта.  

• Некачественные фотографии могут испортить внешний вид сайта.  

• Подготовка изображений заранее помогает создать хороший продукт.  

• В WordPress есть встроенный редактор изображений, позволяющий обрезать, масштабировать и поворачивать изображения.  

• Пример редактирования: отражение изображения по горизонтали.  

• Использование ключевых слов в заголовке и атрибуте alt помогает улучшить ранжирование в поиске.  

• Пример использования ключевых слов: «лягушка для камбо церемонии», «комбо ритуал в уфе».  

• Настройка размера дисплея и позиционирования изображения для правильного отображения.  

• Выравнивание текста слева.  

• Настройка типографики: выбор глобальных шрифтов, например, «Монтсеррат» и «Работа».  

• Установка цвета текста и размера шрифта.  

• Настройка произвольной ширины и отступов для текста.  

• Пример настройки: ширина 76 пикселей, отступ сверху 10 пикселей.  

• Позиционирование кнопки слева.  

• Написание текста на кнопке: «Записаться на церемонию».  

• Настройка цвета и типографики кнопки.  

• Скругление углов кнопки для более округлого вида.  

• Настройка отступов внутри контейнера для идентичности первого экрана.  

• Пример настройки отступов: 180 пикселей, 30 пикселей.  

• Проверка идентичности первого экрана после всех настроек.  

• Использование кнопки «Убрать редактор» для скрытия интерфейса.  

• Важность нажатия «Опубликовать» для сохранения изменений.  

• Удаление задвоенной секции и повторная публикация.  

• Переход в настройки кнопки, выбор вкладки «Содержимое».  

• Ввод ссылки на Telegram-аккаунт.  

• Настройка параметров ссылки: «Открыть в новом окне».  

• Переход в меню «Настроить» для установки главной страницы.  

• Выбор статической страницы из списка.  

• Публикация изменений и проверка главной страницы.  

• Перенос блока с готового сайта на текущую страницу.  

• Перемещение блока наверх с помощью перетаскивания или окна «Структура».  

• Изменение ширины контейнера.  

• Настройка отступов внутри контейнера.  

• Удаление лишнего заголовка и настройка цвета текста.  

• Изменение цвета фона с помощью экранной пипетки.  

• Настройка шрифта «Монцерат» и цвета текста.  

• Добавление виджета-разделителя в контейнер.  

• Настройка параметров разделителя: ширина 12%, центр, толщина 2.  

• Устранение лишних отступов и настройка размера шрифта.  

• Создание двух идентичных блоков.  

• Удаление одного блока и публикация изменений.  

• Автор начинает с блока преимуществ камбо церемонии, добавляя анимацию.  

• Объявляет о намерении использовать нейросеть QVN для генерации картинок для сайта.  

• Призывает зрителей зарегистрироваться на платформе QVN через Google аккаунт или почту.  

• QVN не только рисует, но и отвечает на вопросы, подобно DeepMind.  

• Автор создаёт новый чат и задаёт QVN задачу: создать картинки в едином стиле для блока преимуществ камбо церемонии.  

• Использует текст, созданный DeepMind, для задания QVN.  

• Автор просит QVN добавить тексты под заголовки.  

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

• QVN создаёт промты для будущих картинок на основе заданных текстов.  

• Автор вставляет промты в QVN и задаёт размер картинок.  

• QVN генерирует картинки, иногда с ошибками, например, вместо золотого тона выдаёт цветной.  

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

• В итоге все преимущества камбо церемонии нарисованы в золотом тоне.  

• Автор призывает экспериментировать с QVN для своих целей.  

• Подчёркивает, что нейросеть выполняет творческую работу быстрее и лучше человека.  

• Упоминает о возможности загрузки созданных изображений.  

• Переход на главную страницу сайта «Комбо Уфа».  

• Импорт готового блока.  

• Попытка добавить заголовок, но выясняется, что это должен быть отдельный блок.  

• Удаление и добавление изображений.  

• Ввод ключевых слов для улучшения индексации сайта.  

• Пример ключевых слов: «комбо Уфа», «очищение энергетической структуры».  

• Изменение ширины изображения.  

• Скругление углов изображения.  

• Выравнивание заголовка по центру.  

• Настройка типографики: шрифт «монсерат», чёрный цвет.  

• Копирование и вставка текста с курсивным выделением.  

• Удаление границы контейнера, содержащего заголовок и изображение.  

• Дублирование и удаление блоков для экономии времени.  

• Изменение ключевых слов в дублированных блоках.  

• Настройка отступов между блоками.  

• Добавление заголовка с текстом «Преимущество камбо церемонии».  

• Настройка отступа сверху для заголовка.  

• Объяснение использования тэк-брейка для переноса текста на новую строку.  

• Демонстрация анимации появления изображений при первом открытии страницы.  

• Настройка эффектов движения в бесплатной версии плагина.  

• Настройка длительности и задержки анимации.  

• Публикация страницы и проверка анимации.  

• Подтверждение корректной работы анимации.  

• Создание нового контейнера с направлением «дирекшн-роуд» для блока.  

• Вставка двух контейнеров с шириной 50% каждый.  

• Настройка виджета «блок с иконкой»: изменение позиции иконки относительно текста, удаление лишнего текста, замена иконки.  

• Выбор иконки из набора по умолчанию.  

• Установка цвета иконки и содержимого на чёрный.  

• Вставка заголовка, настройка вертикального выравнивания и размера иконки 25 пикселей.  

• Настройка шрифта: типографика 22, Montserrat, 226.  

• Дублирование контейнера и текста для создания блока.  

• Важность установки направления «столбец» для вертикального выравнивания элементов.  

• Добавление заголовка с выравниванием по центру и цветом «монсеррат».  

• Текст заголовка: «Прямые показания камба церемонии».  

• Запрос нейросети DeepMind для подбора иконок из библиотеки Font Awesome.  

• Получение иконок для пунктов «подготовка», «ритуал очищения», «восстановление».  

• Настройка иконок и текста в редакторе.  

• Настройка отступов: 40 пикселей сверху и 80 пикселей снизу.  

• Проверка готового блока.  

• Автор использует QnA для создания изображения, вводя запрос «создай изображение».  

• Упоминается проблема с соотношением сторон и необходимость квадратного изображения.  

• Промты для генерации изображений создаются с помощью нейросети DeepMind.  

• Изображение вставляется с атрибутами alt и заголовок, содержащими ключевые слова.  

• Настраиваются размер изображения 172 пикселя и скругление углов 88 пикселей.  

• Текст «опытные проводники» оформляется в чёрном стиле.  

• Объясняется использование контейнеров для организации контента.  

• Добавляется заголовок с помощью flex-box.  

• Подчёркивается важность публикации изменений для сохранения прогресса.  

• Реальные отзывы участников используются как пример для генерации новых отзывов с помощью DeepMind.  

• Нейросеть генерирует три новых отзыва в похожем стиле.  

• Отзывы настраиваются: изменяется стиль, размер, выравниваются элементы.  

• Частые вопросы о комбо-церемонии генерируются с помощью DeepMind.  

• Вопросы и ответы вставляются в блок, настраивается стиль содержимого.  

• После вставки вопросов не забывается нажать «опубликовать» для сохранения изменений.  

• Удаление лишнего контента и изменение цвета элементов.  

• Настройка расстояния между кнопками и добавление текста.  

• Использование текстового редактора для создания блока с кнопкой.  

• Вставка текстового блока и настройка его стиля.  

• Применение отрицательного отступа для поднятия кнопки.  

• Удаление Facebook и добавление иконок ВКонтакте и Telegram.  

• Вставка ссылок на социальные сети.  

• Настройка размеров и отступов иконок.  

• Публикация страницы и проверка результатов.  

• Настройка отступов для блоков.  

• Добавление футера и кнопки для быстрого подъёма.  

• Описание сервиса Nomo-Copy.com для создания уникальных изображений на основе реальных фотографий.  

• Процесс загрузки фотографии и генерации уникального изображения.  

• Объяснение необходимости шапки и подвала для многостраничных сайтов.  

• Выключение шапки и подвала через настройки темы Astra Free.  

• Упоминание о расширенном функционале Astra Pro для многостраничных сайтов и интернет-магазинов.  

• Публикация и закрытие страницы после удаления шапки и подвала.  

• Подтверждение завершения работы над одностраничным сайтом.  

• Автор вспоминает начало карьеры веб-разработчика в 2012 году и сложности создания сайтов на WordPress.  

• Упоминается сайт Themeforest и трудности с выбором тем.  

• Astra упрощает разработку сайтов, избавляя от необходимости искать отдельные темы для каждого проекта.  

• Сравнение бесплатной и платной версий Astra: у Pro версии больше возможностей.  

• В Astra Pro доступно более 300 готовых дизайнов для различных типов сайтов.  

• Возможность импорта дизайнов в один клик.  

• Примеры сайтов: ресторанный, музыкальный, лендинг, интернет-магазин одежды, медицинский сайт.  

• Адаптация дизайнов под конкретные потребности клиента.  

• Пожизненная лицензия на Astra Pro стоит 199 долларов.  

• Предложение: пожизненная лицензия плюс премиум-шаблоны за 990 рублей.  

• Дополнительные скидки для последующих сайтов.  

• Важность SEO-оптимизации для повышения ранжирования сайта в поисковой выдаче.  

• Рекомендации по созданию резервных копий и обновлению плагинов.  

• Настройка названия сайта, краткого описания и иконки сайта в WordPress.  

• Влияние настроек на снипет поисковой выдачи и вероятность клика на сайт.  

• Возможность использования Duplicator для создания привлекательного снипета.  

• Пример настройки краткого описания для повышения вероятности клика.  

• Установка иконки сайта для улучшения видимости в поисковой выдаче.  

• Изменение названия сайта и краткого описания.  

• Выбор плагина для SEO: ES SEO, Rank Math SEO, All in One SEO.  

• Подчёркивание важности работы над контентом сайта, а не только установки плагинов.  

• Активация плагина и пропуск настройки при необходимости.  

• Решение проблемы с блокировкой доступа для поисковых роботов.  

• Оценка страниц сайта с помощью плагина.  

• Оптимизация одной страницы сложнее, чем многостраничного сайта.  

• Использование DeepC для создания метаописаний.  

• Определение фокусного ключевого слова для страницы.  

• Пример настройки: «комбо Уфа».  

• Вставка переменных в SEO-заголовок: название сайта и разделитель.  

• Пример заголовка: «Церемония Камбо в Уфе, сакральная медицина Амазонии».  

• Рекомендации по длине метаописания для Яндекса.  

• Использование DeepC для генерации метаописания.  

• Результаты анализа проблем и улучшений.  

• Игнорирование некоторых рекомендаций плагина из-за особенностей страницы.  

• Эксперимент с ключевым словом «комбо Уфа» для проверки восприятия плагина.  

• Подтверждение, что плагин не всегда корректно воспринимает кириллицу.  

• Изменение ключевого слова на «камба в уфе» уменьшает количество проблем.  

• Яндекс понимает кириллицу, поэтому «камба уфа» и «камба в уфе» воспринимаются как одно и то же.  

• Из 16 изображений на странице только три имеют атрибут «альт», что нужно исправить.  

• Точная копия ключевой фразы должна быть в заголовке, но не в начале.  

• Настройка SEO для каждой страницы сайта занимает около 15 минут.  

• Регулярная настройка поможет занять высокие позиции в региональном топе Яндекса.  

• Изображение в сниппет добавляется через «Установить изображение страницы».  

• Атрибут «альт» помогает улучшить отображение изображения в социальных сетях.  

• Изображение улучшает восприятие ссылки на сайт.  

• Яндекс Метрика позволяет анализировать поведение пользователей на сайте.  

• Для установки Метрики нужен аккаунт на Яндексе.  

• Создание счётчика Метрики: ввод имени, адреса сайта, часового пояса и включение Веб-Визора.  

• Установка плагина Яндекс Метрики через «Плагины» в WordPress.  

• Ввод номера счётчика в настройки плагина.  

• Проверка установки счётчика через плагин.  

• Через неделю после установки счётчика появятся первые данные.  

• Веб-Визор позволяет анализировать поведение пользователей на сайте.  

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

• Добавление сайта в Яндекс Вебмастер через «Добавить сайт».  

• Подтверждение прав через HTML-файл, DNS-запись или метатег.  

• Оптимальный вариант — подтверждение через HTML-файл.  

• На почту будут приходить уведомления о взаимодействии робота Яндекса с сайтом.  

• Уведомления включают информацию об оптимизации сайта, качестве сайта и эффективности индексирования.  

• Яндекс Вебмастер предоставляет множество инструментов для анализа и улучшения сайта.  

• Переход к настройке сайта.  

• Подготовка сайта к индексации поисковыми роботами.  

• Настройка сайта под разные устройства: компьютер, планшет, мобильный.  

• Проблемы с отображением элементов на мобильных устройствах.  

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

• Центровка элементов на мобильных устройствах.  

• Замена фона изображения для мобильных устройств.  

• Настройка прозрачности фона для улучшения читаемости текста.  

• Проверка всех блоков сайта на мобильных устройствах.  

• Публикация изменений после настройки.  

• Переход в раздел «Настройки» → «Чтение».  

• Снятие галочки с опции «Попросить поисковую систему не индексировать сайт».  

• Сохранение изменений.  

• Благодарность за просмотр.  

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