লোগোতে সংস্থার নাম কি কোনও চিত্র বা পাঠ্য হওয়া উচিত?

Question

আমি আমার ওয়েবসাইটে একটি লোগো (একটি চিত্র এবং সংস্থার নাম সমন্বিত) রাখছি। কোনও চিত্রের ফাইলের অংশ হিসাবে কোম্পানির নামের পাঠ্যটি সংরক্ষণ করতে হবে কিনা, বা এটি এইচটিএমএলে প্রকৃত পাঠ্য হিসাবে আছে এবং CSS ব্যবহার করে স্টাইল করা হয়েছে কিনা তা আমি নিশ্চিত নই।

স্পষ্টতই যদি আমি এটিকে সমস্ত চিত্র হিসাবে সংরক্ষণ করি তবে ব্যবহারকারীকে সঠিক ফন্ট ইত্যাদির বিষয়ে চিন্তা করার দরকার নেই But তবে আমি ভেবেছিলাম এটি পাঠ্য হিসাবে থাকা SEO এর পক্ষে আরও ভাল।

এটি কি স্বাদের বিষয় বা একটি উপায় অন্যর চেয়ে অনেক ভাল?

Comments

উত্তরটির পরিস্থিতিগুলির সাথে বন্যভাবে পরিবর্তন হওয়ায় এর কোনও আসল উত্তর নেই।

— insidein

@ ইনসাইডিন, কোনও লোগো সর্বদা চিত্র নয় ।

— zzzzBov

আমরা এখানে লোগোগুলির কথা বলছি না, আমরা লোগো এবং সংস্থার নাম সম্পর্কে কথা বলছি।

— insidein

@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. না, তিনি এটি notোকানোর কথা ভাবছেন It's এটি রকেট বিজ্ঞান নয়। কিছু পরিস্থিতিতে চিত্রের বাইরে থাকা পাঠ্যটি উপকারী হবে।

— insidein

Answer 1

গুগল কোম্পানির Alt বৈশিষ্ট্য পছন্দ করে

গুগল এবং বিং উভয়ই বুঝতে পারে যে পিএনজি, জিআইএফ এবং জেপিজিতে লোগো প্রায়শই পুনরুক্ত হয়। সার্চ ইঞ্জিনগুলিকে এটি আপনার ব্যবসায়ের জন্য লোগো তা অবহিত করতে কেবল আলটিক বর্ণনাটি ব্যবহার করে লোগোটিকে চিহ্নিত করুন।

একটি প্রাথমিক উদাহরণ:

<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 স্কিমাটি ব্যবহার করুন কারণ আপনার পৃষ্ঠার কোডটি কখনও সম্পাদনা করার প্রয়োজন হয় না বরং আপনার পৃষ্ঠার শেষে একটি কোড যুক্ত করতে হবে বা কোনও আঙুল না তুলেই পৃষ্ঠায় প্রবেশ করার জন্য গুগল ট্যাগ ম্যানেজার ব্যবহার করতে হবে,

যেমন

<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>

---

গুগল এসভিজি লোগোও পছন্দ করে

আপনি যদি গুগল বা বিং চিত্রটির মধ্যে আপনার কোম্পানির নাম দেখতে চান তবে আপনি এসভিজি ফর্ম্যাট ব্যবহার করে এটি করতে পারেন। এই ফর্ম্যাটটি আপনাকে চিত্রের মধ্যে টেক্সট ব্যবহার করতে দেয় যা ব্যবহারকারী এবং অনুসন্ধান ইঞ্জিনগুলি দ্বারা দেখা যাবে। অ্যাক্সেসযোগ্যতা যদি উদ্বেগের বিষয় থাকে তবে আপনার উচিত কোম্পানির নামটি পাঠ্য হিসাবে রাখা এবং কোনও আকার হিসাবে নয় যেমন রূপরেখা তৈরি করুন।

যেমন: এরকম কিছু:

<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>

গুগল সিএসএস হ্যাক লোগো অপছন্দ করে

অনুসন্ধান ইঞ্জিনগুলি লোগোগুলি অপছন্দ করে যেমন কৌশল এবং অন্যান্য জিনিস যেমন প্রদর্শিত হয় text-indent e.g -9999px; background: url(logo.png) no-repeat;। পটভূমি সর্বদা পটভূমি হিসাবে ব্যবহার করা উচিত। যদি এটি অন পৃষ্ঠার সংস্থান উপাদান হয় তবে এর সর্বদা চিত্র এবং কখনই ব্যাকগ্রাউন্ড হয় না। পূর্ববর্তী 2 টি উদাহরণ ব্যবহার করুন এবং এটি একটি নয় ... এটি 'আগের দিন' দরকারী ছিল তবে উপলভ্য চিহ্নআপের সাথে আর প্রয়োজন হয় না।

এই পদ্ধতিটি অ্যাক্সেসযোগ্যতার জন্যও ব্যর্থ হয় (প্রতিবন্ধী ব্যবহারকারীরা)।

Comments

আপনার দৃশ্য / সাইটের প্রতিটি চিত্র এবং / অথবা লোড হওয়া অবজেক্টের জন্য আল্ট ট্যাগগুলি ব্যবহার করা উচিত। এতক্ষণে এটি প্রায় বয়লারপ্লেট হওয়া উচিত।

— insidein

Answer 2

পাঠ্যটি লোগোর অংশ হিসাবে, আমি এটি চিত্রটিতে রাখব (কোনও মানহীন হরফ ফন্টের সাথে মেলে যাবার চেষ্টা করে এবং এটি লোগোর মতো করে রাখার জন্য সংরক্ষণ করে) - আপনি সর্বদা এটি Alt বৈশিষ্ট্যে রাখতে পারেন বা আপনার এসইও বাড়াতে মাইক্রোডাটা ব্যবহার করুন:

<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>

সংস্থা মাইক্রোডাটা সম্পর্কিত আরও তথ্য

গুগল মাইক্রোডাটা বৈধকরণ সরঞ্জাম

লোগো মার্কআপে গুগল গাইডলাইনস

Comments

ALT ট্যাগটিতে যে কোনও ক্ষেত্রে অ্যাক্সেসযোগ্যতার কারণে ছবিটিতে কোনও পাঠ্য থাকা উচিত। মনে রাখবেন এর উদ্দেশ্য হ'ল অন্ধ এবং দৃষ্টি-প্রতিবন্ধী মানুষ যারা স্ক্রিন রিডার ব্যবহার করে কোনও চিত্র কী তা জানার জন্য এবং পাঠ্যযুক্ত লোগোগুলির ক্ষেত্রে, তারা কী বলে know এতে কোম্পানির নাম, উপস্থিত থাকলে ফোন নম্বর এবং অন্য কোনও পাঠ্য থাকা উচিত।

— GeekOnTheHill

@ জিোকওনহিল একটি লোগোতে অ্যাক্সেসযোগ্যতা এবং ux কারণে কোনও টেলিফোন নম্বর থাকা উচিত নয়, যেহেতু মোবাইল ডিভাইসগুলিতে তারা এটিকে ট্যাপ করতে এবং নম্বরটি ডায়াল করতে সক্ষম হবে না। তবে আমি সম্মত হলাম যে লোগোটিতে স্লোগানের মতো অতিরিক্ত তথ্য থাকলে সেই চিত্রের সামগ্রীর বর্ণনা দেওয়া উচিত describe

— সাইমন হাইটার

আমি রাজি, সাইমন। লোগোগুলিতে ফোন নম্বর স্থাপন করা মোবাইল ডিভাইস এবং টাচ স্ক্রিনগুলির যুগে ভয়াবহ অনুশীলন। যাইহোক, অপ্রয়োজনীয় হওয়া সত্ত্বেও যদি ফোন নম্বরটি থাকে তবে আমি মনে করি এটিও ALT ট্যাগে থাকা দরকার। আমি এটি বলার কারণ হ'ল অন্ধদের সংগঠনের প্রতিনিধিরা দৃ emp়তার সাথে আমাকে বলেছিলেন যে এটি হওয়া উচিত। স্পষ্টতই, কোনও সংস্থার সাথে যোগাযোগ করতে অক্ষম হওয়া কারণ ফোন নম্বরটি কোনওভাবেই স্ক্রিন রিডার যেভাবে ব্যাখ্যা করতে পারে তা উপস্থিত হয় না এটি অন্ধ দর্শকদের জন্য ঘন ঘন হতাশার উত্স। তবে আমি একমত, এটি লোগোতে একেবারেই না থাকাই ভাল।

— GeekOnTheHill

altএকটি লোগো জন্য সামগ্রী "লোগো" থাকা উচিত নয় (যদি না "লোগো" নামের অংশ, অবশ্যই যায়)।

— আনুর করুন