Дебют

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

Спасибо всем, кто был в эфире и поддерживал )))

ИТОГ:
Продвижение - это повышение позиций в поисковой выдаче. На позиции влияет очень много факторов:

1) Внутренняя техническая SEO оптимизация (делаю).

2) Скорость загрузки сайта (улучшаю).

3) Правильная семантическая вёрстка (настраиваю).

4) Семантическое ядро и структура сайта.

5) Оптимизация сайта под поисковые запросы - работа с текстами.

6) Внешнее SEO - наращивание ссылочной массы, отзывы, упоминание бренда и прочее.

7) Поведенческие факторы - переходы, посещаемость, отказы, время на сайте и т.д.

8) Активность в соцсетях, реклама и т.д. - это тоже считается частью SEO, хоть и относится больше к маркетингу.

9) Юзабилити - дружелюбный понятный дизайн, UX.

10) Адаптивность - создание сайта/шаблона для всех устройств.

11) SEO разработки/доработки, такие как Турбо страницы или AMP, а также технологии PWA.

12) SEO аналитика - настройка метрик и целей, а также анализ падений, взлётов, банов и пр.
⠀
Делаю только первые три пункта, поэтому не могу предложить вам сразу полный спектр услуг.
Зато свою часть делаю качественно!
⠀

⠀
Внедряю функционал Google Indexing API
(первым трём бесплатно 👇)

Сделал себе и понял, что можно делать это как услугу для клиентов.

Подробности читайте в описании услуги >>

Если кратко:
🔹 У вас на сайте появится отдельная страничка управления индексированием.
🔹 Сможете посмотреть статус индексирования любой страницы сайта
🔹 Сможете отправить на индексацию любую ссылку
🔹 Сможете задать сразу массово кучу ссылок для индексации, отправляться будет ежедневно по 200 (лимит Гугла)
🔹 Получите инструкцию, какие ссылки нужно отправлять и где их брать


Сделаю бесплатно для первых трёх добровольцев. Не волнуйтесь, это не в качестве тренировки и экспериментов над вашим сайтом, а чтобы:
🔸 Понять временные затраты
🔸 Получить обратную связь с пожеланиями
🔸 Задать вам пару вопросов
🔸 Получить отзыв

Если готовы, то перейдите в бота по этой ссылке и запустите его.
⠀
#УслугиЦены @WebSEOkaz

Очень хотел следующим сделать пост про тег <p>, но завал по работе.

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

То мало заказов и боишься поднять цены, то завал и некогда даже цены поднять.

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

Кому знакома ситуация? Как справлялись?

Про тег <p>
Используется для разделения смыслов и тем текста (не смог подобрать более подходящую формулировку).
Это НЕ обязательно должен быть целый параграф текста... в нём может быть и просто фраза или слово, если оно должно восприниматься отдельно.

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

<div>
Отзывы о компании <br>
Взято с ресурса хххххххх <br>
Дата обновления: хх.хх.2023
</div>

Для поисковых систем это как
<div>
<p>
Отзывы о компании Взято с ресурса хххххххх Дата обновления: хх.хх.2023
</p>
</div>


Чтобы разделить эти смыслы можно взять их и в тег <div>, который с семантической точки зрения считается нейтральным (без смысловой нагрузки). Про <div> расскажу в следующий раз.

<div>
<div>Отзывы о компании</div>
<div>Взято с ресурса хххххххх</div>
<div>Дата обновления: хх.хх.2023</div>
</div>

В таком случае для поисковых систем это будет считаться так:
<div>
<div><p>Отзывы о компании</p></div>
<div><p>Взято с ресурса хххххххх</p></div>
<div><p>Дата обновления: хх.хх.2023</p></div>
</div>


Но лучше сразу самим использовать тег <p>

<div>
<p>Отзывы о компании</p>
<p>Взято с ресурса хххххххх</p>
<p>Дата обновления: хх.хх.2023</p>
</div>


Как вы поняли, тег <p> можно использовать для любых отдельных тематических смыслов, НО...
... но лучше всегда искать более подходящий вариант тега, который более точно передаст смысл содержимого в нём текста.

<div>
<h2>Отзывы о компании</h2>
<p>Взято с ресурса хххххххх</p>
<footer>Дата обновления: хх.хх.2023</footer>
</div>

Таким образом мы показали поисковым системам, что «Отзывы о компании» это целый подраздел текущей страницы, а дата обновления не влияет на саму суть этого содержания, а просто является вспомогательной не важной информацией.


P.S.:
В прошлом посте я рассказывал про тег <br> и обещал рассказать, почему его нельзя использовать для добавления отступов между блоками.
Всё дело в том, что если параграф состоит только из одного тега <br>, то он считается поисковыми системами как пустая заготовка для текста. Как строка-заполнитель в бланке шаблона, где нужно вписать своё имя. Как место, где должен быть текст, но его там нет... ну вы поняли )))

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

Ну а как мы только что выяснили, любой контент без указания тега <p> автоматически считается отдельным параграфом.
Например, часто встречаю такие <br>—отступы, если лень править CSS стили, но хотят сделать визуально больше пространства над заголовками, или сделать отступы от следующего блока.

<div>
<br>
<h2>Отзывы о компании</h2>
<p>Взято с ресурса хххххххх</p>
<footer>Дата обновления: хх.хх.2023</footer>
</div>
<br>
<br>

Для поисковиков это и есть отдельная пустая заготовка для текста, ведь они это воспримут так:
<div>
<p><br></p>
<h2>Отзывы о компании</h2>
<p>Взято с ресурса хххххххх</p>
<footer>Дата обновления: хх.хх.2023</footer>
</div>
<p><br><br></p>


P.P.S.:
Ещё часто встречаю написание <br> как <br />, но в финальном слеше давно уже нет необходимости, хотя и за серьёзную ошибку это не считается.


#СемВёрсткаHTML5 @WebSEOkaz

⠀
Как вы поняли из скриншота, сегодня будет пост с моими расширениями в Google Chrome.

Ну а если ещё не смотрели букмарклеты, то вот ссылка на пост про закладки в этом канале.

А если и ролики не смотрели, то вот ссылка на мой YouTube канал.
⠀

⠀
Мои расширения для Google Chrome
⠀
В списке только то, чем хоть иногда пользуюсь.

За исключением Roboform, мне везде хватает бесплатного функционала.


ЧАСТО ИСПОЛЬЗУЮ

🔹 RoboForm
У меня нет одного пароля. Всегда генерирую разные из случайного набора символов. Где-то это всё должно храниться, поэтому уже больше 5 лет использую лицензионный софт.

🔹 FireShot
Постоянно приходится делать скриншоты ДО и ПОСЛЕ работ. FireShot позволяет захватывать всю страницу, а не только то что помещается в экран.

🔹 HeadingsMap
Позволяет увидеть структуру страницы сайта основываясь как на заголовках, так и на семантических тегах html5.

🔹 ClickUp
Использую для таймера и быстрых заметок. Часто при работе голова перегружена — хочешь сделать что-то одно, но натыкаешься на что-то другое... вот в таких случаях я и записываю заметки, а потом к ним возвращаюсь.

🔹 Check My Links
Использую при исправлении битых и 301 ссылок. Расширение их отлично подсвечивает.


РЕДКО ИСПОЛЬЗУЮ

🔹 Lighthouse
Ну куда же я без этого. Однако чаще проверяю сайты в PageSpeed Insights. Там теперь всё это тоже отображается.

🔹 Page-oscope
Позволяет увидеть разницу в коде между исходником и отрендеренной скриптами версией.

🔹 Touch VPN
Много всяких ситуаций, когда может понадобиться VPN, но в итоге требуется не так часто.

🔹 vidIQ Vision
Полезнятина для владельцев YouTube каналов. Куплю лицензию, когда плотно вернусь за ролики.

🔹 WordStater
Помогает при подборе ключей в Yandex Wordstat


НОВЫЕ

🔹 META SEO inspector
Подсмотрел у DrMax, но ещё не распробовал.

🔹 Bito AI
Типа ИИ помощник для программистов.
⠀
⠀
А вы каким расширением часто пользуетесь?
⠀

Пишите в комментариях, о чём хотели бы почитать на моём канале в ближайшее время.