Подкаст за дизайн на имейли # 48: Интервю с разработчика на имейли Кристиан Робинсън

Използвам CSS спрайтове за бутони на моя уебсайт, те се използват за спиране / възпроизвеждане / изтегляне и т.н. Ако използвам например preview 'track name' бутона за възпроизвеждане с текста, след което скривам текста с помощта на text-indent:-9999px.

Това би ли било достатъчно, за да бъде наказан? (имайте предвид, че може да има 60 продукта на страница и всеки ще има 3 спрайта със скрит текст!)

Ще си добре. Скритият текст е само проблем когато това се прави с цел манипулиране на търсачките. Не е Какво вие го правите, но защо правите това, което причинява повечето наказания и това е идеален пример за това. Скритият текст в този пример е просто резервен вариант за потребители, които нямат CSS възможности (рядко в наши дни за потребителите, но ботовете са различна история, както и екранните четци).

  • това е вярно, въпреки че текстът всъщност не добавя нова информация към страницата! така че може би премахването на това не би било лошо! infact ще премахна скритите текстове и ще докладвам на по-късна дата!
  • Не е задължително да е нова информация. Само алтернативна версия на информацията, съдържаща се в спрайта. Сега, ако тази информация не е налична в спрайтовете, това би било лош пример за скрит текст и трябва да бъде премахнат.
  • добре, премахнах скрития текст и страницата ми вече се класира правилно, преди началната страница на сайта изобщо не беше в serps, освен ако не се търси името на домейна!

Съгласявайки се изцяло с отговора на Джон Конде, искам да ви предупредя да не премахвате текста.

Премахването на текста ще премахне информацията извън страницата. Търсачките не могат да четат изображения, камо ли CSS спрайтове; очаквайте да спадне в тяхното класиране. Екранните четци, използвани от незрящи хора, не могат да четат или описват изображения; очаквайте да получите разочаровани клиенти.

И накрая, не знам правния контекст във вашата страна, но премахването на този текст ще направи вашия уебсайт недостъпен за незрящи хора и това може да доведе до правни проблеми.

Ако планирате да използвате CSS спрайтинг с вашия етикети директно (което е може би най-добрият начин да го направите за връзки), определено трябва да се уверите, че имате свойство alt във всяка от вашите връзки с изображения, което обяснява към какво е връзката с няколко думи.

Това буквално може да бъде текстът на изображението на вашата връзка. Това също ще реши въпроса за това как вашият сайт работи за незрящи, тъй като страниците за незрящи ще четат alt таговете. Това може да ви позволи да не се нуждаете от допълнителните скрити маркери, въпреки че не мисля, че наличието им ще доведе до някакъв конкретен проблем.

Не го премахвайте, това е добре за вас, докато текстът, написан в елемента "има смисъл" по отношение на вашите икони. Също така, можете да добавите допълнителни дескриптори чрез атрибута "title", ако решите.

Няма да се правя на експерт и да казвам, че това ще подобри вашата SEO, но следвайки логиката и как Google например харесва добре форматиран HTML, мога само приемете чете всичко и използва цялата подходяща информация за анализ и класиране на вашия сайт.

е работил за вас: Charles Robertson | Искате ли да се свържете с нас?