🖥 Полный курс HTML и CSS с нуля до профессионала

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

Помню, я изучил HTML и CSS за месяц в 2005. Тогда таких подробных видео не было.

Я считаю, что каждый SEO-специалист должен знать HTML и CSS.

Таймкоды:
00:00 Интро в курс HTML и CSS
00:41 Содержание курса
03:18 HTML и CSS файлы
10:00 Установка редактора Visual Studio Code
17:22 Создание файла index html
21:44 Базовая разметка страницы html 5
26:14 Тема оформления vscode
28:10 Первые html теги
30:20 Инспектор элементов сайта
34:35 Форматирование html документа
42:20 блочные и строчные теги (h, p, span)
45:00 CSS свойства
49:45 создание файла CSS
51:49 Введение в каскадность (приоритетность) CSS стилей
52:23 Подключение CSS файла к HTML докуенту
01:04:34 Тег a
01:07:20 Настройка Wrap with Abbreviation в Emmet
01:09:05 Множественное обворачивание в тег
01:15:15 Тег ul, ol
01:18:02 Вложенный список html
01:19:05 Тег img - изображение
01:21:30 Позиционирование элементов на html странице
01:28:00 Свойства margin, padding
01:34:40 Контейнеры, тег div
01:35:45 Свойства display block и inline
01:37:40 Свойство text-align center
01:40:24 Свойство display inline-block
01:42:50 Макет карты товара
01:47:20 Простая сетка на свойстве inline-block
01:55:40 Свойство display flex (flex контейнер)
01:59:10 Вставка (дополнение) про простую сетку
02:06:11 Border для списка в div контейнере
02:13:17 Свойство float. Обтекание текстом
02:22:52 Неадаптивная навигационная панель на flex, тег nav со списком
02:39:20 Введение в media запросы
02:42:00 Боковая навигационная панель
02:54:31 Изображение в навигационной панели
02:59:50 Правила каскадности свойств CSS
03:01:50 CSS селекторы
03:04:40 Вес CSS селекторов (приоритетность)
03:17:40 Единицы измерения px, %, em, rem
03:35:40 Свойство display grid (сетка)
03:36:54 Адаптивная сетка CSS grid
03:50:00 media запросы для адаптивной сетки
04:00:30 Адаптивная сетка с боковыми панелями CSS grid
04:22:50 Адаптивная навигационная панель на HTML и CSS без js
04:27:39 Стилизация тега a в навигационной панели
04:30:24 Скрыть ссылки навигационной панели
04:31:02 Кнопка бургер
04:39:00 Псевдокласс hover
04:41:00 Выпадающее меню на чистом HTML и CSS без js
04:43:21 Свойство position - absolute и relative
04:51:33 Кнопка бургер слева
04:55:00 Создание сайта на Bootstrap 5
04:56:10 Структура проекта
04:58:03 Введение в Bootstrap 5
05:01:17 Подключение CSS и JS от Bootstrap
05:07:42 Навигационная панель от Bootstrap
05:24:40 Адаптивная сетка Bootstrap и контейнеры
05:29:05 Карта товара Bootstrap
05:43:40 Значения margin и padding в Bootstrap
05:45:38 Где взять шаблоны и примеры HTML и CSS оформления
05:52:45 Боковая панель на сетке Bootstrap
05:59:45 Подключение шрифта от Google Fonts
06:12:20 Карусель изображений
06:15:15 Кастомизация карусели Bootstrap
06:31:40 Делаем footer
06:43:01 Дополняем навигационную панель
06:52:20 Анимация на чистых HTML и CSS без js
07:03:18 Добавление favicon
07:07:35 Сделать видеофон на сайт
07:17:50 Хостинг сайта на github pages (размещаем сайт на сервере)

https://www.youtube.com/watch?v=Bmtu5eNnjK8

Михаил Шакин, @shakinru #новичкам #бесплатно #разработка

🦜 SEO продвижение сайта на Тильде

Подробное видео от Антона Клюева @webvets по оптимизации сайтов на Тильде.

Таймкоды:
1:45 Введение и ключевые моменты видео.
4:08 Настройка сайта на Tilda
7:19 SEO оптимизация страниц услуг
20:26 Семантическое ядро и альтернативы
23:03 Оптимизация страниц сайта и коммерческие факторы
24:35 Техническая и SEO оптимизация фото
29:05 Проверка после публикации
31:04 Вебмастеры Яндекс и Гугл
38:43 Ответы на вопросы

https://www.youtube.com/watch?v=Ko_oVcjo0ZM

Михаил Шакин, @shakinru #оптимизация #инструкция #новичкам #контент

✏️ Как переписать или обновить текст с помощью ChatGPT: советы и промты

Полезные рекомендации и примеры на блоге PR-CY @prcynews.

https://pr-cy.ru/news/p/10505-how-to-rewrite-text-using-chatgpt

Михаил Шакин, @shakinru #chatgpt #нейросети #контент #оптимизация #инструкция

🪖 ИИ в маркетинге: снижение расходов при падающем качестве

Игорь Ашманов поделился своими мыслями по поводу нейросетей на канале @digital_expertise.

https://www.youtube.com/watch?v=9JMNgdW5Yt8

Михаил Шакин, @shakinru #chatgpt #нейросети #контент #тренды

🎞 Когда нужно делать SEO продвижение Ютуб канала?

Сергей Сморовоз @smorovozru делится своим опытом продвижения бизнеса с помощью видео. В качестве ведущего я 🏃‍♂️

https://www.youtube.com/watch?v=VBqDZ3QQ8Wg

Михаил Шакин, @shakinru #продвижениевидео #бизнес #клиенты

🅿️ Как в 2024 году привлекать целевую аудиторию бесплатно. Продвижение через Pinterest

Видео Евгении Меденковой @PinSkill про то, как использовать Pinterest для продвижения в рунете.

https://www.youtube.com/watch?v=UHR6xS7ojBs

Михаил Шакин, @shakinru #pinterest #соцсети #клиенты #трафик #точкироста #бесплатно

🏠 Новый Яндекс Вебмастер — подбор запросов, съём позиций, CTR

Как выбирать вечнозелёные запросы, которые сами себе накручивают поведенческие? Как делать контент быстро и без особых затрат? Белая накрутка ПФ с помощью Яндекс Директ. Разница качающих запросов Яндекс и Google — как сделать результат и там, и там?

13 мая в 15 по Москве смотрите вебинар Дмитрия Варского.

📺 Трансляция на YouTube:
https://www.youtube.com/watch?v=6fWtJLiNAwk

Предыдущие вебинары Дмитрия:
SEO продвижение Битрикс
https://www.youtube.com/watch?v=keEsVHOnXCM

Продвижение строительных материалов
https://www.youtube.com/watch?v=0SjRtaY-N-w

🎞 Смотрите плейлист "SEO вебинары" на моем YouTube канале:
https://www.youtube.com/playlist?list=PLS7oN4pFU92srg9fppFuAkjRnfzM4L3Sa

🎥 Трансляция в моем профиле ВК. Все записи вебинаров доступны здесь https://vk.com/video/@globator):
https://vk.com/globator

🚛 Мои каналы в ВК Видео:
https://vk.com/video/@shakinseo - видео по продвижению сайтов в рунете
https://vk.com/video/@burzhunetseo - видео по продвижению англоязычных сайтов

📼 Кроме этого, запись вебинара будет размещена в моем канале на Дзене:
https://dzen.ru/shakin

📹 И в моем Rutube канале:
https://rutube.ru/channel/24777621/

👉 Мой отдельный канал Telegram, в котором публикую анонсы своих SEO вебинаров и выкладываю презентации:
https://tttttt.me/shakinweb

Михаил Шакин, @shakinru #техническоеseo #оптимизация #семантика #накруткапф #точкироста #freeseotools #seotools

🙂 Вышла первая версия бесплатного плагина ReCrawler

ReCrawler — это бесплатный плагин под WordPress для быстрого уведомления поисковых систем всякий раз, когда контент их веб-сайтов создается, обновляется или удаляется.

Используются протоколы IndexNow, API Яндекс Вебмастера (переобход страниц), Bing API и Google IndexingAPI, что почти с 99% вероятностью гарантирует индексацию новых страниц ваших сайтов!

‼️ Плагин был выпущен как замена устаревшему плагину IndexNow, который я разрабатывал 3 года назад. Он был продан иностранному разработчику и мною более не поддерживается. С русскими сервисами он долго не проработает, поэтому крайне рекомендую поменять его на новый ReCrawler.

👉🏻 https://ru.wordpress.org/plugins/recrawler/

#wordpress #plugins #indexnow #recrawler

🦄 WordPress Digest - Подписаться

💧 Реальный заработок на дроп сайтах

Сколько можно заработать на дропах и как? Как восстановить дроп правильно и полностью? Восстановили, что дальше?

16 мая в 15 по Москве смотрите вебинар Игоря Алфёрова.

📺 Трансляция на YouTube:
https://www.youtube.com/watch?v=dleeU8OTZTg

🎞 Смотрите плейлист "Заработок на сайте" на моем YouTube канале:
https://www.youtube.com/playlist?list=PLS7oN4pFU92ththCcFfotsqyTk2nFvGmG

🎥 Трансляция в моем профиле ВК. Все записи вебинаров доступны здесь https://vk.com/video/@globator):
https://vk.com/globator

🚛 Мои каналы в ВК Видео:
https://vk.com/video/@shakinseo - видео по продвижению сайтов в рунете
https://vk.com/video/@burzhunetseo - видео по продвижению англоязычных сайтов

📼 Кроме этого, запись вебинара будет размещена в моем канале на Дзене:
https://dzen.ru/shakin

📹 И в моем Rutube канале:
https://rutube.ru/channel/24777621/

👉 Мой отдельный канал Telegram, в котором публикую анонсы своих SEO вебинаров и выкладываю презентации:
https://tttttt.me/shakinweb

Михаил Шакин, @shakinru #заработок #дропы #инструкция #аналитика #инсайты

🖥 Как мы внедрили SCRUM в SEO-команды

Общие принципы методологии SCRUM. Какие были проблемы в команде до внедрения SCRUM (перегруз, срыв сроков, внезапно заканчивались задачи у сотрудников и т.д.)? Как мы провели переход из привычной работы в SCRUM, первое планирование спринта. Что конкретно мы делаем сейчас в повседневном рабочем процессе при планировании и выполнении спринтов? К каким результатам пришли и какие возможности открылись перед командой? Минусы системы SCRUM относительно SEO-процессов и как мы их обходим.

17 мая в 15 по Москве смотрите вебинар Алины Ширяевой из @seoantteam.

📺 Трансляция на YouTube:
https://www.youtube.com/watch?v=k1ubSt8KR5Q

🎞 Смотрите плейлист "SEO вебинары" на моем YouTube канале:
https://www.youtube.com/playlist?list=PLS7oN4pFU92srg9fppFuAkjRnfzM4L3Sa

Предыдущие вебинары Алины:
Как корректно и эффективно давать обратную связь сеошнику
https://www.youtube.com/watch?v=uQ2-tVILnf0

Как seo-специалисту вырасти с нуля в агентстве
https://www.youtube.com/watch?v=Hx8M1lYAdWw

"Красные флаги" в работе ваших SEO-специалистов
https://www.youtube.com/watch?v=QmpEgHY3v-g

Как организовать процессы в SEO-агентстве с упором на качество
https://www.youtube.com/watch?v=qo935PTM1Tg

🎥 Трансляция в моем профиле ВК. Все записи вебинаров доступны здесь https://vk.com/video/@globator):
https://vk.com/globator

🚛 Мои каналы в ВК Видео:
https://vk.com/video/@shakinseo - видео по продвижению сайтов в рунете
https://vk.com/video/@burzhunetseo - видео по продвижению англоязычных сайтов

📼 Кроме этого, запись вебинара будет размещена в моем канале на Дзене:
https://dzen.ru/shakin

📹 И в моем Rutube канале:
https://rutube.ru/channel/24777621/

Михаил Шакин, @shakinru #оптимизация #инструкция #бизнес #клиенты

🤖 Стратегия ссылочного продвижения за 9 минут | Яндекс и Google

Инструкция от Дмитрия Михайлова @seomikhaylov.

https://www.youtube.com/watch?v=AABhZCaTG0Q

Михаил Шакин, @shakinru #линкбилдинг #точкироста #факторы #оптимизация #новичкам