लोगो में कंपनी का नाम एक छवि या पाठ होना चाहिए?

Question

मैं अपनी वेबसाइट पर एक लोगो (एक छवि और कंपनी का नाम शामिल है) डाल रहा हूँ। मुझे यकीन नहीं है कि छवि फ़ाइल के हिस्से के रूप में कंपनी नाम पाठ को सहेजना है, या इसे HTML में वास्तविक पाठ के रूप में रखना है और टॉस का उपयोग करके स्टाइल किया गया है।

जाहिर है अगर मैं इसे एक छवि के रूप में सहेजता हूं तो मुझे उपयोगकर्ता को सही फोंट आदि के बारे में चिंता करने की आवश्यकता नहीं है .. लेकिन मैंने सोचा कि यह पाठ के रूप में होने से एसईओ के लिए बेहतर हो सकता है।

क्या यह स्वाद का मामला है या एक तरीका दूसरे से बहुत बेहतर है?

Comments

इसका कोई वास्तविक जवाब नहीं है क्योंकि उत्तर स्थिति के साथ बेतहाशा बदल जाता है।

— इंसाइडिन

@insidesin, कोई भी लोगो हमेशा चित्र नहीं होना चाहिए ।

— zzzzBov

हम यहाँ लोगो के बारे में बात नहीं कर रहे हैं, हम लोगो और कंपनी के नाम के बारे में बात कर रहे हैं।

— दिसंबर को इंसाइडिन

@insidesin नहीं, ओपी का कहना है कि लोगो में एक छवि और एक कंपनी का नाम शामिल है । नाम लोगो का हिस्सा है।

— Angew अब SO

>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. नहीं, वह इसे नहीं डालने पर विचार कर रहा है। यह रॉकेट साइंस नहीं है। कुछ स्थितियों में छवि के बाहर बचा हुआ पाठ लाभदायक होगा।

— इन्सिडिन

Answer 1

Google को कंपनी की पूरी विशेषता पसंद है

Google और बिंग दोनों समझते हैं कि अक्सर PNG, GIF और JPEG में एक लोगो दोहराया जाएगा। बस खोज इंजन को सूचित करने के लिए पूरे विवरण का उपयोग करके लोगो को चिह्नित करें कि यह आपके व्यवसाय के लिए लोगो है।

एक मूल उदाहरण:

<img src="logo.png" alt="Company Name Logo">

एक स्कीमा उदाहरण:

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://www.example.com/">Home</a>
  <img itemprop="logo" src="http://www.example.com/logo.png" alt="Company Name Logo"/>
</div>

एक जावास्क्रिप्ट स्कीमा उदाहरण:

यदि आप अपना कोड सरल रखना चाहते हैं तो JSON-LD स्कीमा का उपयोग करें क्योंकि आपको तब पृष्ठ कोड को संपादित करने की आवश्यकता नहीं है, बल्कि अपने पृष्ठ के अंत में एक कोड जोड़ें या उंगली उठाए बिना पृष्ठ में इंजेक्ट करने के लिए Google टैग प्रबंधक का उपयोग करें,

जैसे

<img src="logo.png" alt="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 या बिंग आपकी कंपनी का नाम छवि के भीतर देखें तो आप एसवीजी प्रारूप का उपयोग करके ऐसा कर सकते हैं। यह प्रारूप आपको छवि के भीतर TEXT का उपयोग करने की अनुमति देता है जो उपयोगकर्ता और खोज इंजन द्वारा देखा जाएगा। यदि पहुँच एक चिंता है, तो आपको कंपनी का नाम TEXT रखना चाहिए, न कि एक आकार जैसे कि रूपरेखाएँ बनाना।

कुछ इस तरह से:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
    <polygon fill="#998675" points="125,466.5 0,250 125,33.5 375,33.5 500,250 375,466.5 "/>
    <rect x="137.5" y="137.5" fill="#534741" width="225" height="225"/>
    <polygon fill="#C7B299" points="250,175 294.1,189.3 321.3,226.8 321.3,273.2 294.1,310.7 250,325 205.9,310.7 178.7,273.2 178.7,226.8 205.9,189.3 "/>
    <text transform="matrix(1 0 0 1 196.3787 253.5039)" font-family="'Montserrat-Bold'" font-size="12">COMPANY NAME</text>
</svg>

Google ने CSS को हैक कर लोगो को नापसंद किया

सर्च इंजन लोगो को ट्रिक्स और अन्य चीजों के साथ प्रदर्शित होने के लिए नापसंद करते हैं, जैसे कि text-indent e.g -9999px; background: url(logo.png) no-repeat;। पृष्ठभूमि का उपयोग हमेशा पृष्ठभूमि के रूप में किया जाना चाहिए। यदि यह एक ऑन-पेज संसाधन तत्व है तो इसकी हमेशा एक छवि और एक पृष्ठभूमि कभी नहीं होती है। 2 पिछले उदाहरणों का उपयोग करें और यह एक नहीं ... यह 'बैक इन द डे' उपयोगी था, लेकिन अब उपलब्ध मार्कअप के साथ इसकी आवश्यकता नहीं है।

यह विधि एक्सेसिबिलिटी (बिगड़ा हुआ उपयोगकर्ता) के लिए भी बेकार है।

Comments

Alt टैग का उपयोग आपके दृश्य / साइट में प्रत्येक छवि और / या लोड की गई वस्तु के लिए किया जाना चाहिए। यह अब तक लगभग बॉयलरप्लेट होना चाहिए।

— इंसाइडिन

Answer 2

जैसा कि पाठ लोगो का हिस्सा है, मैं इसे छवि में रखूंगा (किसी भी गैर-मानक फ़ॉन्ट से मिलान करने की कोशिश करता है और इसे ठीक उसी तरह स्थिति में रखना होगा जैसे यह लोगो में है) - आप इसे हमेशा उच्चतम विशेषता में रख सकते हैं या अपने seo को बढ़ाने के लिए microdata का उपयोग करें:

<div id="main-logo-holder" itemscope itemtype="http://schema.org/Organization">
  <meta itemprop="name" content="Company Name">
  <meta itemprop="description" content="Company Description">
  <a itemprop="url" id="logo-home" href="https://www.website.co.uk/" class="main-logo">
    <img itemprop="logo" src="logo.jpg" alt="Company Name Logo">
  </a>
</div>

संगठन माइक्रोडाटा पर अधिक जानकारी

Google माइक्रोडाटा सत्यापन उपकरण

लोगो मार्कअप पर Google दिशानिर्देश

Comments

ALT टैग में किसी भी स्थिति में पहुंच कारणों के लिए छवि में कोई भी पाठ होना चाहिए। याद रखें कि इसका उद्देश्य नेत्रहीन और नेत्रहीन लोगों की मदद करना है जो स्क्रीन रीडर का उपयोग करके यह जानते हैं कि छवि क्या है और लोगो के मामले में, जिसमें पाठ शामिल है, वे क्या कहते हैं। इसमें कंपनी का नाम, फ़ोन नंबर यदि मौजूद हो, और कोई अन्य पाठ होना चाहिए।

— GeekOnTheHill

@GeekOnTheHill एक लोगो को एक्सेसिबिलिटी और ux कारणों के लिए कभी भी टेलीफोन नंबर नहीं होना चाहिए, क्योंकि मोबाइल उपकरणों पर वे इसे टैप करने और नंबर डायल करने में असमर्थ होंगे। लेकिन मैं इस बात से सहमत हूं कि अगर किसी नारे के रूप में लोगो को अतिरिक्त जानकारी मिलती है, तो इसका पूरा विवरण छवि की सामग्री का वर्णन करना चाहिए।

— साइमन हैटर

मैं सहमत हूं, साइमन। मोबाइल डिवाइस और टच स्क्रीन के युग में लोगो में फोन नंबर डालना बहुत ही भयानक है। हालाँकि, यदि फ़ोन नंबर असावधान होने के बावजूद है, तो मुझे लगता है कि इसे ALT टैग में होना भी आवश्यक है। मेरे कहने का कारण यह है क्योंकि नेत्रहीनों के लिए संगठनों के प्रतिनिधियों ने सशक्त रूप से मुझसे कहा है कि यह होना चाहिए। जाहिर है, एक कंपनी से संपर्क करने में असमर्थ होने के कारण फोन नंबर किसी भी तरह से प्रकट नहीं होता है कि एक स्क्रीन रीडर व्याख्या कर सकता है जो नेत्रहीन आगंतुकों के लिए हताशा का लगातार स्रोत है। लेकिन मैं मानता हूं, यह बेहतर है कि यह लोगो में बिल्कुल भी नहीं है।

— GeekOnTheHill

altएक लोगो के लिए सामग्री "लोगो" शामिल नहीं होना चाहिए (जब तक कि "लोगो" नाम का भाग, निश्चित रूप से है)।

— अनार