Как да започнете ретинол: Как да добавите ретиноид към вашата рутинна грижа за кожата

виждам много сайтове, чието заглавие е като изображение. каква е ползата от това? кога е най-добрата практика да се използва текст като изображения, вместо просто да има текст в моя html. това само за поддръжка на нестандартни шрифтове?

Причини за използване на заглавна част на изображение с текст:

  • Текстът не е необходим за SEO.
  • Шрифтът не може да бъде възпроизведен в мрежата.
  • Текстът е интегриран твърде тясно с лого, за да се разделят двете.

Причини да използвате текста като заглавка:

  • Текстът е необходим за SEO.
  • Текстът трябва да се мащабира според прозореца на браузъра.
  • Текстът трябва да се мащабира според em-базиран размер на шрифта.
  • Текстът трябва да бъде динамичен по всякакъв начин.

Ако използвате изображение, помислете дали да не използвате CSS изображение, а етикетът с атрибут alt. Това е важно за целите на достъпността, но може да допринесе и за SEO.

  • Последното ви предложение не е необходимо: можете да използвате фоново изображение с text-indent: -9999em за да скриете текста извън екрана.
  • 1 Мат Кътс (от google) казва, че alt тагът е по-добър от CSS заместването на изображение за SEO в това видео: youtube.com/watch?v=fBLvn_WkDJ4.
  • Само защото някой човек от Google казва така, може да не е най-добрият вариант за ВСИЧКИ търсачки или екранни четци ... те определено не са еднакви. Освен това alt не решава непременно проблемите, които идват с деактивиран от потребителя CSS / Javascript. Моите корпоративни клиенти настояват за метода Leahy / Langridge, намерен тук: mezzoblue.com/tests/revised-image-replacement
  • @ bpeterson76: Мат Кътс не е просто „някакъв човек в Google“. И само защото вашите корпоративни клиенти (те са експерти по SEO или използваемост?) Настояват да използват скриване на CSS, не означава, че това е най-добрият метод за всякакви търсачка - поне мнението на Мат Кътс представлява позицията на водещия доставчик на търсене. И той прави добра идея относно alt атрибут, съществуващ за тази цел. Въпреки това логото на компанията е много различно от заглавието на страницата. Така че съветите на Мат не се отнасят непременно тук. Въпреки че вероятно все пак бихте искали да намерите по-добър метод.

IMO, с този вид неща трябва да се занимавате повече с използваемостта / достъпността, отколкото с SEO (тъй като SEO ще се грижи за себе си). Заглавието на страницата е доста критична част от вашия документ; искате да е достъпен за всички.

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

Най-честите законни причини за това са:

  • За да използвате нестандартен шрифт, без да се налага да се занимавате с проблеми с лицензирането / преобразуването / поддръжката на вграждането на уеб шрифт. Поддръжката на уеб шрифтове едва сега започва да се предлага и въпреки че има някои търговски / безплатни услуги, които опростяват придобиването на вграждаеми уеб шрифтове, тяхната поддръжка в мобилни браузъри е ограничена.
  • Силно стилизирани заглавия, които просто не са възможни със стандартен текст. Дори и с CSS3, който все още не се поддържа от повечето браузъри, има ограничение за това, което можете да постигнете със стилизиран текст. Това обикновено е по-добро оправдание за реклами, допълнителни описания / издърпващи цитати или друг несъдържащ текст, но може да бъде извинително за сайтове, които са с промоционална / маркова / развлекателна цел, а не с информационна цел.

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

Неща, които трябва да имате предвид:

  • Не можете да маркирате или копирате-n-поставяте тези заглавия. Така че дори ако използвате алтернативен текст или JS-заместване, използваемостта е силно засегната. Това е по-малко проблем, ако заглавията са кратки и прости (напр. „За нас“, „Контакт“, „Новини“ и т.н.) и можете да смекчите това, като използвате Flash, макар че това идва със собствени проблеми.
    • В лична бележка използвам приставка, наречена „контекстно търсене“, която ми позволява да маркирам текст на страница и да направя бързо търсене с него от контекстното меню, използвайки някой от инструментите за търсене, които съм инсталирал за Firefox. По същия начин много хора използват приставки за подсказки на речника, които им позволяват бързо да търсят дума на страница, само като щракнат двукратно върху нея. Flash напълно деактивира това, което е доста досадно.
  • Не можете динамично да преоразмерявате текста, както някои хора обичат да правят. Така че, ако някой иска да намали размера на шрифта, за да види повече текст на екрана, или да увеличи размера на шрифта, за да прочете текста по-добре, той е SOL. Това е особено уместно за хората с увредено зрение и тези, които използват мобилни браузъри.
  • Изображенията не се увиват добре с текст. Така че тези, които използват екрани с по-ниска разделителна способност, могат да имат някои основни проблеми с оформлението. Flash може да е малко по-добър, ако се комбинира с някакво JS решение.
  • Дори ако включите алтернативен текст, вие променяте семантичната структура на страницата. Това може да има последици за уеб роботите, екранни четци и друг софтуер, който обработва уеб страници. Отново, използването на JS-заместител може до голяма степен да смекчи това.

Не бих се притеснявал от динамичните заглавия, тъй като винаги можете да генерирате текстови изображения от страна на сървъра, но има много причини да мислите дълго и упорито, преди да направите това. И ако ще го направите, бих препоръчал да използвате добре тествано JS- и Flash-базирано решение като sIFR.

Редактиране:
Още нещо - едно възможно решение, което много хора използват (но има известни разногласия по етиката), е да се използва изображение и след това да се скрие span елемент, съдържащ текста зад изображението или извън екрана. Това означава, че роботите могат да виждат текста и дори четци на екрана, а това изисква само CSS и никаква JS поддръжка. Някои хора смятат това за „нежелана поща“, но мисля, че е законно, ако използвате тази техника за описване на текстови изображения, а не за пълнене на ключови думи или SEO за примамка.

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