As For JS - Talks
1) Замена "родных" тегов (например, "input") на div-ы с заданием им ролей и ARIA. Чаще всего это нужно для создания сложных элементов форм.
Про Google, SEO, семантику и FORM эелементы.
Моя информация актуальна в этом вопросе на 2022 год.
Работа с FORM элементами и не FORM элементами имеет принципиальную разницу для Google.
Все что не FORM элементы, чем точнее вы будете использовать семантику тем лучше. При этом важно помнить, что львиную долю преференций Вы можете получить используя словарь микроразметки от Schema. Даже без применения семантических тегов.
При условии, что Вы точно знаете что Google ее распознает.
В 22 году, традиционный подход к FORM элементам, заключался в том, что лучше, от греха подальше их совсем скрыть от индексации. Так как реагирования Google на интерактивные элементы было слабо прогнозируемым за редким исключением.
ARAEA атрибуты, на 22 год, имели такой же мифический статус, что и FORM html элементы. С одной стороны логично их распознавать, с другой стороны не понятно что с ними делать когда они входят в коллизию с микроразметкой и семнатическими тегами.
В результате был отработан эффективный набор решений - сначала микроразмекта, потом семантика тегами, потом все прочие забавы.
Напомню, что это информация в большей степени актуальная на 22 год.
Моя информация актуальна в этом вопросе на 2022 год.
Работа с FORM элементами и не FORM элементами имеет принципиальную разницу для Google.
Все что не FORM элементы, чем точнее вы будете использовать семантику тем лучше. При этом важно помнить, что львиную долю преференций Вы можете получить используя словарь микроразметки от Schema. Даже без применения семантических тегов.
При условии, что Вы точно знаете что Google ее распознает.
В 22 году, традиционный подход к FORM элементам, заключался в том, что лучше, от греха подальше их совсем скрыть от индексации. Так как реагирования Google на интерактивные элементы было слабо прогнозируемым за редким исключением.
ARAEA атрибуты, на 22 год, имели такой же мифический статус, что и FORM html элементы. С одной стороны логично их распознавать, с другой стороны не понятно что с ними делать когда они входят в коллизию с микроразметкой и семнатическими тегами.
В результате был отработан эффективный набор решений - сначала микроразмекта, потом семантика тегами, потом все прочие забавы.
Напомню, что это информация в большей степени актуальная на 22 год.
👍20🤯2👌1👨💻1
As For JS - Talks
Упрощение CSS. В современном CSS можно составлять сложные правила, перемещаясь по дереву (например, применяя :has или :is). Интересно, если эти правила заменить на JS (CSS in JS), будет ли такой подход эффективнее для SEO.
Про Google, SEO и CSS
В современных реалиях, CSS это прежде всего инструмент как для сокрытия информации от индексации, но при этом видимой пользователю, так и большая проблема производительности вашего проекта.
А производительность формирования первой области отображения - один из важнейших для Google показателей при ранжировании проекта.
CSS может сильно просадить производительность при условии:
1) Большого обьема подключенных селекторов, даже не используемых.
2)Использовании сложных каскадов, в том числе условий in и прочих.
Сложный каскад - это когда вы в УЖЕ в правиле CSS используется больше одного селектора:
ВСЕ эти селекторы и любые более сложные - пиздец производительности.
Безусловно имеет существенное значение уровень вложенности тегов.
Эффективным решением двух выше-обозначенных проблем, является:
Либо минимизация CSS дерева.
Либо использования что-то наподобие БЭМ. Где де факто исключены каскады.
Еще раз подчеркну - это касается больших обьемов CSS правил.
Ну чтобы было понятно, условно - 1МБ в несжатом виде уже стоит серьезно задуматься.
В современных реалиях, CSS это прежде всего инструмент как для сокрытия информации от индексации, но при этом видимой пользователю, так и большая проблема производительности вашего проекта.
А производительность формирования первой области отображения - один из важнейших для Google показателей при ранжировании проекта.
CSS может сильно просадить производительность при условии:
1) Большого обьема подключенных селекторов, даже не используемых.
2)Использовании сложных каскадов, в том числе условий in и прочих.
Сложный каскад - это когда вы в УЖЕ в правиле CSS используется больше одного селектора:
.class1 .class2 {
color: red;
}
p .class2 {
font-size: 14em;
}
#blockID .highLight {
background-color: blue;
}
ВСЕ эти селекторы и любые более сложные - пиздец производительности.
Безусловно имеет существенное значение уровень вложенности тегов.
Эффективным решением двух выше-обозначенных проблем, является:
Либо минимизация CSS дерева.
Либо использования что-то наподобие БЭМ. Где де факто исключены каскады.
Еще раз подчеркну - это касается больших обьемов CSS правил.
Ну чтобы было понятно, условно - 1МБ в несжатом виде уже стоит серьезно задуматься.
👍32❤4💯2🕊1👨💻1
Держите Вам новогодный мульт про программистов
У Вас все дома? А?
ну и ладно.
https://www.youtube.com/watch?v=9hDjp0C79-c
У Вас все дома? А?
ну и ладно.
https://www.youtube.com/watch?v=9hDjp0C79-c
YouTube
Падал прошлогодний снег. Советский пластилиновый мультфильм (1983)
Падал прошлогодний снег. Мультфильм выполнен при помощи техники пластилиновой анимации. Веселая сказка о мужике-недотепе, которого жена отправила в лес за новогодней елкой, и что из этого вышло.
Когда-то в одной весьма пластилиновой местности жил да был…
Когда-то в одной весьма пластилиновой местности жил да был…
❤22👍5🔥3🌚2
Мурыч записался на собеседование, которое назначено на середину января.
Под запись.
Под запись.
🔥103👀31🤯10🤣5👌2👨💻1
As For JS - Talks
Для скрытия от индексации вы пользовались клоакингом?
Не наказывает ли за это Google?
Не наказывает ли за это Google?
Google, SEO и индексация
Клоакинг - это термин из SEO окружения, который обозначает ситуацию, когда индексирующий алгоритм "не видит" то, что могло бы помешать принятию решения о позициях проекта в поиске.
Например:
Наш веб проект, Google воспринимает как тот, который рассказывает прекрасную информацию про черешню.
Однако, если пользователь заходит читать про ту самую черешню, он видит массу информации о каком-либо порнографическом сайте.
Google - старатеся дифференцировать подобные проекты.
Клоакинг - это когда мы сркыли от поискового алгоритма нашу истинную цель.
Ранее, приблизительно до 2016 года, Google строго банил проекты, которые предоставляли для индексации их ботам одну информацию, при том, что пользователь видел совершенно другое.
Не имело значение - одно ли и тоже было показано.
Имело значение - что это было сделано по разному.
Позднее Google полностью изменил парадигму, и даже опубликовал официалдьный гайд, который говорит о том, что для индексации можно отдавать одно, показывать другое И ГЛАВНОЕ чтобы оно по смыслу отвечало друг другу.
Чем и стали пользоваться практически все современные проекты. Которые на индексацию Google отдают разметку не отвечающей той которую видит пользователь. НО отвечающей ей с точки зрения контента.
То есть за это не только не банят, но это считает сейчас еще и нормой при условии, если поисковый алгоритм принял решение о том, что индексируемый контент, по смыслу совпадает с отображаемым.
Отдельный разговор про контент, который можно визуализировать и нельзя индексировать
Например при помощи CSS content
Клоакинг - это термин из SEO окружения, который обозначает ситуацию, когда индексирующий алгоритм "не видит" то, что могло бы помешать принятию решения о позициях проекта в поиске.
Например:
Наш веб проект, Google воспринимает как тот, который рассказывает прекрасную информацию про черешню.
Однако, если пользователь заходит читать про ту самую черешню, он видит массу информации о каком-либо порнографическом сайте.
Google - старатеся дифференцировать подобные проекты.
Клоакинг - это когда мы сркыли от поискового алгоритма нашу истинную цель.
Ранее, приблизительно до 2016 года, Google строго банил проекты, которые предоставляли для индексации их ботам одну информацию, при том, что пользователь видел совершенно другое.
Не имело значение - одно ли и тоже было показано.
Имело значение - что это было сделано по разному.
Позднее Google полностью изменил парадигму, и даже опубликовал официалдьный гайд, который говорит о том, что для индексации можно отдавать одно, показывать другое И ГЛАВНОЕ чтобы оно по смыслу отвечало друг другу.
Чем и стали пользоваться практически все современные проекты. Которые на индексацию Google отдают разметку не отвечающей той которую видит пользователь. НО отвечающей ей с точки зрения контента.
То есть за это не только не банят, но это считает сейчас еще и нормой при условии, если поисковый алгоритм принял решение о том, что индексируемый контент, по смыслу совпадает с отображаемым.
Отдельный разговор про контент, который можно визуализировать и нельзя индексировать
Например при помощи CSS content
🔥12👍5👨💻4❤3
Есть мысль собрать всех кто нас знает в одессе. Сколько вас может прийти
Anonymous Poll
8%
Я приду
92%
Я упырь
👍5👎3
This media is not supported in your browser
VIEW IN TELEGRAM
встретились два одиночества.
те, кто смотрит мнея больше 5 лет, узнают героя єтого видео
те, кто смотрит мнея больше 5 лет, узнают героя єтого видео
❤19👍2
- Я уберу из вашего кода весь пиздец...
- Но єто же несущая конструкция!
- Но єто же несущая конструкция!
🔥30😁21💔1
Хотите разбор Дмитрия Карловского?
Єксперимент:
Мне нужно сейчас собрать 1000дол, на две вещи:
купить себе обезболы, и мандарины.
Если я єто соберу я сегодня-же сделаю трансляцию где на примерах покажу, некомпетентность Дмитрия Карловского.
Начну с его разбора моего тезиса - про object assign и закончу деталями шмол.
Собрано:
0/40000
7100/40000
7200/40000
8200/40000
8400/40000
10100/40000
11000/4000012300/40000
14300/40000
15500/40000
19000/40000
40000/40000
[===========
реквизиты:
карта приват bobrov maksym:
5168745021397333
USDT Tron (TRC20): TKoZu59WHiX6L6qvwYTYTsZJerDrnAHBTx
USDT etherium (erc20): 0x75fb8a62dfcf453b2e73f1ef1c407d46f918fffa
TON: UQAGXvuhxg3qU0eFgOxtdDlKXqdp1zPq6yCRSRbRYQClxOzH
bitcoin: 1FX9B4SneiLtf5F6RRmqWqsNNXYbTpkK8Y
binance: L5I52YIKQRAEVSTR
paypal:
demimurych@protonmail.com
Єксперимент:
Мне нужно сейчас собрать 1000дол, на две вещи:
купить себе обезболы, и мандарины.
Если я єто соберу я сегодня-же сделаю трансляцию где на примерах покажу, некомпетентность Дмитрия Карловского.
Начну с его разбора моего тезиса - про object assign и закончу деталями шмол.
Собрано:
7100/40000
7200/40000
8200/40000
8400/40000
10100/40000
11000/40000
14300/40000
40000/40000
[===========
]
реквизиты:
карта приват bobrov maksym:
5168745021397333
USDT Tron (TRC20): TKoZu59WHiX6L6qvwYTYTsZJerDrnAHBTx
USDT etherium (erc20): 0x75fb8a62dfcf453b2e73f1ef1c407d46f918fffa
TON: UQAGXvuhxg3qU0eFgOxtdDlKXqdp1zPq6yCRSRbRYQClxOzH
bitcoin: 1FX9B4SneiLtf5F6RRmqWqsNNXYbTpkK8Y
binance: L5I52YIKQRAEVSTR
paypal:
demimurych@protonmail.com
🕊28👍9🤣7❤3😎3👎2😁2💯2