Отвечу на пару комментариев: 1. Что использовать? 2. Как насчет SEO? 1. В идеале, делать понятные иконки, сразу с подписями. Тогда никакие подсказки не будут нужны. Но так как это не всегда возможно, то рекомендую использовать любую из миллиона библиотек в npm, которая сделает это намного лучше. Библиотеку можете сами поискать, в зависимости от вашего стэка 2. Так как я не SEO специалист, то про этот кейс услышал впервые, благодаря вашим комментариям. Я прочел триллион статей на эту тему. Но, я нигде не нашел прямого доказательства, что этот атрибут оказывает прямое влияние на SEO. Везде пишут разные мнения про то, что он может как-то косвенно влиять из-за того, что пользователь увидел эту подсказку. Но как я писал выше, подсказку можно реализовать другим образом и по идее, можно получить аналогичный результат. Если найдете нормальную, актуальную статью, то буду благодарен, а заодно удалю этот ролик и выпущу опровержение из-за "вредоносной" информации. P.S. В статье должны быть нормальные доказательства влияния этого атрибута
Используйте атрибут тайтл - это способ показать подсказку для элемента. Это правильно со стороны семантики и также может быть учтено поисковыми системами. Для Тач устройств сделайте дополнительно решение , опирающееся на атрибут тайтл
ВСЕГДА добавляйте тайтл, автор никак не обосновал свою позицию. Обязательно используйте тайтл и другие атрибуты для семантики и специально отдельно для мобильных устройств
Если предлагаете что-то не использовать, ок, аргументы весомые, но, что с альтернативой? При отсутствии альтернативы, все аргументы разобьются об один аргумент: лучше что-то чем вообще ничего. Пусть хотя бы на десктопах будет виден тайтл.
В идеале, найти подходящую библиотеку и использовать ее как альтернативу. Библиотек, которые всплывашки рисуют - огромное множество :) Например эта, но ее настраивать больно. Зато весит немного npmjs.com/package/@popperjs/core
@@kakieToYroki Ну и советы. Я перед тем как добавить новую зависимость сто раз подумаю а не проще-ли самому написать чем тянуть целую либу ради красивого _target.sdelat_pizdato() Понапишут на фреймворках, а потом у них калькуляторы по 50МБ весят.
А что вы хотите от человека навязывающего свои глупые парадигмы? Он хочет стать новой барборой лисоу. ))) Не выстрелит тут глупая идея, выстрелит в другом месте. _)
Критикуешь предлагай, зачем писать плюсик, на кнопке добавить в корзину. Как по мне гораздо понятнее будет на такой кнопке написать svg корзины А вообще если ты терпеливый и 'боярин' то с title на сайте порой реально проще жить))
Атрибут title на кнопках не имеет прямого влияния на SEO, он помогает поисковым системам лучше понять контекст и функциональность элементов на странице. Также он может быть полезен для разработчиков и тестировщиков, предоставляя дополнительную информацию о назначении кнопки или её функциональности.
а что использовать вместо тайтла? с css можно сделать на основе тайтл для мобилок, не осуждаю, но может ты слишком давно повесил на html с сss крест из-за старости? большая часть решений либо лишний js, либо маленкий код с тайтл и css, а со слепыми... вот тут js с Алисой подвяжи (юмор не для всех, сам понимаю, не осуждайте)
А чем использование тайтла мешает? Ну и да, дизайн должен быть таким, чтобы и без выпадашек всё было понятно. Но иногда тайтлы необходимы, именно для десктопных приложений
К сожалению, нам придётся смириться с тем, что только бояре смогут увидеть эту подсказку, а простым беззубым крестьянам это никогда не удастся сделать.
Я смотрю в комментах дикий срач разгорелся по поводу тайтл. Меня же другой вопрос интересует: Автор, какая, блин, связь между тем, что тайтл не работает на тач устройствах и его использованием в вёрстке для ПК? Просто, в моём понимании было бы логичнее сказать что-то вроде: Используйте тайтл только в вёрстке для ПК. А для тач устройств делайте .... А что, кстати, для тач устройств??? Как там поступить?
никогда не используйте атрибут img на сайте, его слепые не увидят, не используйте hover, владельцы тач скринов его не увидят. и вообще не используйте html идите на стройку, там все пощупать можно😅
Лучше вообще ничего не используйте, а то у какого-нибудь Василия на пятом интернет эксплорере это не будет работать. В чем смысл видео, если ты даже не упомянул aria атрибуты, но при этом просто обосрал рандомный атрибут
Ну не, как это связано с советом его не использовать, наоборот используйте, просто понимайте его ограничения и т.п.. А для лидеров там свои атрибуты есть на сколько знаю и их тоже заюзать
Т.е. вы предлагаете проигнорировать большинство, и делать интерфейс для меньшинства? Отличная идея... прям как повестка лгбт. Плевать на мнение большинства. Топ демократии. !!!
@@kakieToYroki ну это оптимизация и улучшение бесспорно...Но просто оно же не вредит что бы его прям не использовать :D Но все равно круто.. Раз выдался момент,хочу сказать спасибо за контент не только этот а вообще в целом , и за труд..Успехов.=)
Кнопочный расист! Почему ты принижаешь пользователей ПК?! Они, что, не люди?! Если бы ты сказал: вместе с title используйте такие то технологии, чтоб всем было понятно, что эта кнопка делает, но нет! Ты обосрал пкашников, хотя сам пользовался мышкой и ПК!!! Т.е. если использовать тег title то другие технологии не могут быть применены?!
А слепые уже за людей не считаются? Они точно также как и ты хотят смотреть (слушать) видосы на ютубе, делать покупки, пользоваться другими услугами (очевидно же)
Отвечу на пару комментариев:
1. Что использовать?
2. Как насчет SEO?
1. В идеале, делать понятные иконки, сразу с подписями. Тогда никакие подсказки не будут нужны. Но так как это не всегда возможно, то рекомендую использовать любую из миллиона библиотек в npm, которая сделает это намного лучше. Библиотеку можете сами поискать, в зависимости от вашего стэка
2. Так как я не SEO специалист, то про этот кейс услышал впервые, благодаря вашим комментариям. Я прочел триллион статей на эту тему. Но, я нигде не нашел прямого доказательства, что этот атрибут оказывает прямое влияние на SEO. Везде пишут разные мнения про то, что он может как-то косвенно влиять из-за того, что пользователь увидел эту подсказку. Но как я писал выше, подсказку можно реализовать другим образом и по идее, можно получить аналогичный результат. Если найдете нормальную, актуальную статью, то буду благодарен, а заодно удалю этот ролик и выпущу опровержение из-за "вредоносной" информации.
P.S. В статье должны быть нормальные доказательства влияния этого атрибута
Используйте атрибут тайтл - это способ показать подсказку для элемента. Это правильно со стороны семантики и также может быть учтено поисковыми системами. Для Тач устройств сделайте дополнительно решение , опирающееся на атрибут тайтл
ВСЕГДА добавляйте тайтл, автор никак не обосновал свою позицию. Обязательно используйте тайтл и другие атрибуты для семантики и специально отдельно для мобильных устройств
Так и ты не обосновал
@@gubatenkovSEO оптимизация, всё обоснование) он же написал, семантика
А разве aria-label атрибута не будет достаточно для сеошников?
@@kakieToYroki Это у гугля или яндекса спросить надо. Они там своей жизнью живут.
Если предлагаете что-то не использовать, ок, аргументы весомые, но, что с альтернативой? При отсутствии альтернативы, все аргументы разобьются об один аргумент: лучше что-то чем вообще ничего. Пусть хотя бы на десктопах будет виден тайтл.
В идеале, найти подходящую библиотеку и использовать ее как альтернативу. Библиотек, которые всплывашки рисуют - огромное множество :)
Например эта, но ее настраивать больно. Зато весит немного
npmjs.com/package/@popperjs/core
@@kakieToYroki 🔥 спасибо!
красава. бомбит от таких видео
@webcloud8012 расслабься и бомбить не будет)
@@kakieToYroki Ну и советы. Я перед тем как добавить новую зависимость сто раз подумаю а не проще-ли самому написать чем тянуть целую либу ради красивого _target.sdelat_pizdato()
Понапишут на фреймворках, а потом у них калькуляторы по 50МБ весят.
Слепые люди никогда этого не увидят :/ 😅
А ой ))))))
А слепые и глухие ещё и не услышат что им ридер говорит.
@@ИванПомидоров-н3н не всегда, Бах был слепым, а Бетховен глухим, однако как-то кнопку видели и слышали бубнеж
А что вы хотите от человека навязывающего свои глупые парадигмы?
Он хочет стать новой барборой лисоу. )))
Не выстрелит тут глупая идея, выстрелит в другом месте. _)
А зачем на моблилке эта хрень вообще нужна😂
Hover работает только с мышкой. Что делать?
а вместо title тогда что использовать ? 😂
А мне пое#ать что они с телефона сидят
Предлагаю подписать петицию, на запрет этих сраных телефонов. Тогда и адаптивная верстка не нужна будет. Ох как заживем )
😂😂😂ладно просто телефоны. Эти бояре понапокупали себе айфонов и сафарей и портят жизнь нормальным людям.
Никогда не пользуйтесь лыжами в бане !!!!!
А зря )
и мыло...
Критикуешь предлагай, зачем писать плюсик, на кнопке добавить в корзину. Как по мне гораздо понятнее будет на такой кнопке написать svg корзины
А вообще если ты терпеливый и 'боярин' то с title на сайте порой реально проще жить))
Какая жаль, как же жаль не ПК боярь… но это не повод этим не пользоваться.
Если отрицаешь использование чего-то, всегда предлагай альтернативу
Атрибут title на кнопках не имеет прямого влияния на SEO, он помогает поисковым системам лучше понять контекст и функциональность элементов на странице. Также он может быть полезен для разработчиков и тестировщиков, предоставляя дополнительную информацию о назначении кнопки или её функциональности.
Раз уж упомянули скрин-риеры, стоило сказать что нужно использовать aria-label
aria-label + title уже неплохой вариант
В идеале взять готовую библиотеку, которая это сделает за тебя. А заодно покажет этот тайтл на touch устройствах
Давайте на hover тогда забьем. Ведь hover работает лишь на пк с мышкой
Не только бояре. Но и сотрудники предприятий на рабочем месте. ,
Это создатели валового продукта страны.
Траурный марш на фоне значит, что мы проводим атрибут title в последний путь :(
Прощай!
а что использовать вместо тайтла? с css можно сделать на основе тайтл для мобилок, не осуждаю, но может ты слишком давно повесил на html с сss крест из-за старости? большая часть решений либо лишний js, либо маленкий код с тайтл и css, а со слепыми... вот тут js с Алисой подвяжи (юмор не для всех, сам понимаю, не осуждайте)
Чувак, только что прошел курс по html и сразу видео записывать)))
Я еще css знаю
К мобильным телефонам можно подключить мышь
Нужно давать общий совет: не используйте hover решения 😊
Aria label для скринрилеров.
Тайтл работает на сенсорных экранах если зажать кнопку
Юай надо нормальный делать, а не хуйню, где по наведению надо читать, что кнопка делает
Хорошо, не буду использовать, кому от этого лучше станет?
А альтернатива какая, aria-label?
Хоть бы сказал, что тогда использовать, а то какой-то идиотский ролик
А чем использование тайтла мешает? Ну и да, дизайн должен быть таким, чтобы и без выпадашек всё было понятно. Но иногда тайтлы необходимы, именно для десктопных приложений
Их можно заменить на любую библиотеку, которая выпадашки рисует. И будет намного лучше
@@kakieToYroki есть библиотеки, которые выпадашку отрисовывают перехватывая содеожимое title, например))
Ну, тоже как вариант
Как же самое интересное - альтернативы?)
Придется использовать библиотечки или делать кастомные выпадашки. Нативных вариантов нет (
Вписать подсказку в кнопке
верстаю только дивами без атрибутов принципиально знаки препинания во время письма и печати тоже игнорирую спартак чемпион
Мощно
Этот видом байт на комменты или автор это серьезно ?
Спасибо, отписался. Из-за таких разработчиков текущий говёный интернет - как раз является говёным.
Потому что mobile first.
> mobile first
> в видео рассказывается, что «на мобилках это не работает, поэтому не используйте»
У меня башка от смысловой нагрузки взорвалась
-никогда не используйте это.
-а что использовать?
-...
К сожалению, нам придётся смириться с тем, что только бояре смогут увидеть эту подсказку, а простым беззубым крестьянам это никогда не удастся сделать.
Для кривозубых крестьян можно сделать универсальную подсказку )
Ну и байтер, все обязательно используем title добавляем по два атрибута в тег на зло этому п….!!!!! )
Ахахаха а ты хорош ))
А сео-шники чего на это скажут?
Я смотрю в комментах дикий срач разгорелся по поводу тайтл. Меня же другой вопрос интересует: Автор, какая, блин, связь между тем, что тайтл не работает на тач устройствах и его использованием в вёрстке для ПК?
Просто, в моём понимании было бы логичнее сказать что-то вроде:
Используйте тайтл только в вёрстке для ПК. А для тач устройств делайте .... А что, кстати, для тач устройств??? Как там поступить?
В идеале взять любую библиотеку, которая рисует попапы. И не будет проблем
Ну… а срачи - классическое комьюнити айти. Как будто бы ребята после доты ко мне на канал заходят )
И? То что на телефоне и скринридерах он бесполезен я понял, ну а в чем причина его не использовать?)))
Критикуешь -- предлагай
Нет
Слепые люди об этом не увидят ☠️
Не унюхают подвох
tooltip кастомить?
ага
А можно похоронный марш заменить на что-то другое?
Поддерживаю, блоггер - идиот за такие вещи.
никогда не используйте атрибут img на сайте, его слепые не увидят, не используйте hover, владельцы тач скринов его не увидят. и вообще не используйте html идите на стройку, там все пощупать можно😅
Какая же чушь
+
Лучше вообще ничего не используйте, а то у какого-нибудь Василия на пятом интернет эксплорере это не будет работать. В чем смысл видео, если ты даже не упомянул aria атрибуты, но при этом просто обосрал рандомный атрибут
Ну не, как это связано с советом его не использовать, наоборот используйте, просто понимайте его ограничения и т.п.. А для лидеров там свои атрибуты есть на сколько знаю и их тоже заюзать
А что тогда использовать? Какая альтернатива? 🧐
Эээ, удалять еще один параметр по которому можно цепляться при автоматизировании сайта?????
С таким обоснованием сайты размером больше экрана верстать тоже нельзя, а то ущемленные пользователи телефонов не увидят всего размера😂
Т.е. вы предлагаете проигнорировать большинство, и делать интерфейс для меньшинства?
Отличная идея... прям как повестка лгбт. Плевать на мнение большинства.
Топ демократии. !!!
Большинство сидят с мобилки, под них нужно делать в первую очередь
@@kakieToYroki , вы статистику сайтов когда в последний раз смотрели?
@soversus5374 radar.yandex.ru/device_categories?selected_rows=NWoZK3%252Cd95o2u%252C2kuSN7&chart_type=line2
@@kakieToYroki , на моих сайтах 70-80% это десктоп.
@soversus5374 ну… мир не только из ваших сайтов состоит :)
Аргументы так себе, мол если только пк бояре, то тогда давайте верстать только для мобилы с такими аргументами))
А что использовать всместо title?
Придется использовать библиотечки или делать кастомные выпадашки. Нативных вариантов нет (
Чётко @@kakieToYroki
Ну ладно, не буду)
Не больно то и хотелось))
А что тогда использовать? Какая альтернатива? 🧐
То есть у пкшников есть возможность это сделать но мы не должны им довать
Никогда не используйте разрешение 16:9
Скажите это сео программистам которые требуют это
Предложите альтернативу💁♂️
На чем верстаешь?
Молодец, ... и seo по картинкам идет на #@й
Я, конечно, не сео специалист, но на сео влияет alt атрибут же
Непонятно почему ну использовать?Ну работает он в 1 месте и работает…где то хоть видно
Просто можно взять аналоги, в виде библиотек, которые будут работать везде
@@kakieToYroki ну это оптимизация и улучшение бесспорно...Но просто оно же не вредит что бы его прям не использовать :D Но все равно круто.. Раз выдался момент,хочу сказать спасибо за контент не только этот а вообще в целом , и за труд..Успехов.=)
Что за расширение для адаптива у вас ?
chrome devtools называется
Похороный марш конечно отлично подходит)
В каком-то предыдущем видео просто попросили )))
@@kakieToYroki прикольно
А что тогда использовать?
Мозг. Фильтровать нужно таких советчиков.
Кнопочный расист! Почему ты принижаешь пользователей ПК?! Они, что, не люди?! Если бы ты сказал: вместе с title используйте такие то технологии, чтоб всем было понятно, что эта кнопка делает, но нет! Ты обосрал пкашников, хотя сам пользовался мышкой и ПК!!! Т.е. если использовать тег title то другие технологии не могут быть применены?!
🥲 надеюсь, что это рафл
@@kakieToYroki конечно! Но тема title не раскрыта
Вот ты обосрал тайтл, а чем заменить не сказал?
Тогда уж лучше использовать, хотя бы для пкшников, чем вовсе не использовать
Диз
можно посмотреть закрепленный комментарий
Наткнулся на предыдущий ролик, где он рассказывал, что надо обязательно юзать title. А щас даже не предложил ничего взамен…
Это где я такое рассказывал?)
Треш, бесполезное видео
какие глупые примеры). Зачем слепым твой сайт?
А слепые уже за людей не считаются? Они точно также как и ты хотят смотреть (слушать) видосы на ютубе, делать покупки, пользоваться другими услугами (очевидно же)