Videobolt - Пазар за видео дизайн

Поставям лого (включващо изображение и име на фирма) на моя уебсайт. Не съм сигурен дали да запазя текста на името на компанията като част от файл с изображение, или да го имам като действителен текст в html и оформен с помощта на css.

Очевидно, ако запазя всичко като изображение, не е нужно да се притеснявам дали потребителят има правилните шрифтове и т.н. Но си мислех, че това като текст може да е по-добре за SEO.

Въпросът на вкус ли е или единият начин е много по-добър от другия?

  • Това няма реален отговор, тъй като отговорът се променя дико в зависимост от ситуацията.
  • 2 @insidesin, никакви лога не трябва винаги да бъдат изображения.
  • Тук не говорим за лога, а за лога и имена на компании.
  • 2 @insidesin Не, ОП казва лого съдържа изображение и име на фирма. Името е част от логото.
  • >I'm not sure whether to save the company name text as part of an image file, or to have it as actual text in the html and styled using css. Не, той обмисля да не го поставя. Това не е ракетна наука. В някои ситуации текстът, оставен извън изображението, би бил от полза.

Google харесва фирмен атрибут alt

Както Google, така и Bing разбират, че дадено лого често се повтаря в PNG, GIF и JPEG. Просто маркирайте логото, използвайки алтернативното описание, за да информирате търсачките, че това е ЛОГО за вашия бизнес.

Основен пример:

Company Name Logo

Пример на схема:

Home Company Name Logo

Пример за JavaScript схема:

Ако искате да улесните кода си, използвайте JSON-LD Schema, тъй като никога не е необходимо да редактирате кода на страницата, а по-скоро добавете код в края на страницата си или използвайте Google Tag Manager, за да инжектирате в страницата, без да вдигате пръст,

напр

Company Name Logo <script type='application/ld+json'> { '@context': 'http://schema.org/', '@type': 'Organization', 'url': 'http://www.example.com/', 'logo': 'http://www.example.com/logo.png' } </script> 

Google също харесва SVG лога

Ако искате Google или Bing да видят името на вашата компания в изображението, можете да го направите, като използвате SVG формат. Този формат ви позволява да използвате ТЕКСТ в изображението, което ще се вижда от потребителите и търсачките. Ако достъпността е проблем, тогава трябва да запазите името на компанията като ТЕКСТ, а не като форма, например да създавате контури.

например нещо подобно:

    COMPANY NAME  

Google не харесва CSS хакнати лога

Търсачките не харесват логата да се показват с трикове и други неща, като например text-indent e.g -9999px; background: url(logo.png) no-repeat;. Фонът винаги трябва да се използва като фон. Ако това е страничен ресурсен елемент, то винаги е изображение и никога не е фон. Използвайте предишните 2 примера, а не този ... това беше полезно „назад през деня“, но вече не се изисква с наличната маркировка.

Този метод също е гаден за достъпност (увредени потребители).

  • Alt таговете трябва да се използват за всяко изображение и / или зареден обект във вашата сцена / сайт. Досега би трябвало да е почти образец.

Тъй като текстът е част от логото, бих го запазил в изображението (спестява опит за съвпадение с нестандартни шрифтове и трябва да го позиционира точно както е в логото) - винаги можете да го поставите в атрибута alt или използвайте микроданни, за да подобрите SEO:

<meta itemprop='name' content='Company Name'> <meta itemprop='description' content='Company Description'> Company Name Logo

Повече информация за микроданните на организацията

Инструмент за проверка на микроданни на Google

Указания на Google за маркиране на лого

  • 3 Тагът ALT трябва да съдържа какъвто и да е текст в изображението от съображения за достъпност във всеки случай. Не забравяйте, че целта му е да помогне на незрящи и хора със зрителни увреждания, които използват екранни четци, да разберат какво е изображение и, в случай на лога, които съдържат текст, какво казват. Той трябва да съдържа името на компанията, телефонния номер, ако присъства, и всеки друг текст.
  • 2 @GeekOnTheHill Логото никога не трябва да съдържа телефонен номер за достъпност и ux причини, тъй като на мобилни устройства те няма да могат да го докоснат и наберат номера. Но съм съгласен, че описанието alt трябва да описва съдържанието на изображението, ако логото съдържа допълнителна информация като лозунг.
  • 5 Съгласен съм, Саймън. Поставянето на телефонни номера в лога е ужасяваща практика в ерата на мобилните устройства и сензорните екрани. Въпреки това, ако телефонният номер е там, въпреки че не е препоръчителен, мисля, че той също трябва да бъде в маркера ALT. Причината да казвам това е, защото представители на организации за слепи категорично ми казаха, че трябва да бъде. Очевидно е, че неспособността да се свърже с компания, тъй като телефонният номер не се появява по никакъв начин, който екранният четец може да интерпретира, е чест източник на разочарование за незрящите посетители.Но съм съгласен, по-добре е изобщо да не е в логото.
  • The alt съдържанието на дадено лого не трябва да съдържа „лого“ (освен ако „лого“ не е част от името, разбира се).

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