আমি বেশ কয়েক দিন ধরে এই বিষয়টি অধ্যয়ন করছি এবং অনুসন্ধান সূচীকরণের ক্ষেত্রে অনেকগুলি বিরোধী পরামর্শ পেয়েছি। আমি এমন একটি প্রকল্পে কাজ করছি যেটিতে সাধারণ পণ্য বিবরণ থেকে গভীর-ব্যবহারকারীর ডকুমেন্টেশন সহ অনেকগুলি বিভিন্ন পৃষ্ঠা রয়েছে।
আমি এই প্রশ্নটিকে বিভাগগুলিতে বিভক্ত করেছি যেহেতু আমি অনুভব করি যে এটি ভবিষ্যতে এই প্রশ্নের ভবিষ্যতের পাঠকদের জন্য আরও দরকারী করে তুলবে।
আমার কিছু অনুসন্ধান
বেশিরভাগ ওয়েবসাইট নীচের মত নথির রূপরেখা ধরেছে বলে মনে হয়:
1. Programmer's Guide (https://www.dartlang.org/docs/)
1. Getting Started
2. Concepts
1. Libraries
2. Fundamental classes
etc.আমি এটি আকর্ষণীয় মনে করি যে উপরের উদাহরণটি <nav>উপযুক্ত শিরোনাম সহ উপাদানটি ব্যবহার করে না । আমি রূপরেখার সরলতা এবং গুগল হওয়া পছন্দ করি আমি মোটামুটি নিশ্চিত যে তারা যখন জানে তখন তারা কী করছে।
তবে আমি বিভ্রান্ত হয়ে পড়েছি যেহেতু উপরের রূপরেখাটিতে "ডার্ট" এর কোনও উল্লেখ নেই। শব্দার্থক অর্থে "ডার্ট" এর একমাত্র উল্লেখটি মূল ডকুমেন্ট <title>উপাদান "প্রোগ্রামার গাইড | ডার্ট: স্ট্রাকচার্ড ওয়েব অ্যাপস" এর মধ্যে রয়েছে বলে মনে হয় ।
MDN (মোজিলা বিকাশকারী নেটওয়ার্ক) একটি ওয়েবসাইটের আরও একটি উজ্জ্বল উদাহরণ যা এই অধ্যক্ষকে অনুসরণ করে। <h1>শিরোনামের অনেকগুলি সম্পূর্ণ প্রসঙ্গ সরবরাহ করে ( একটি HTML5 নথির বিভাগ এবং আউটলাইন ):
1. Sections and Outlines of an HTML5 Document
1. Untitled Section (nav)
2. Untitled Section (nav)
3. Structure of a Document in HTML 4
4. Problems Solved by HTML5অন্যরা প্রসঙ্গের বাইরে খুব বেশি অর্থবোধ করে না ( এড়িয়ে যাওয়ার জন্য অপ্রচলিত অভ্যাসগুলি )। উদাহরণস্বরূপ, নীচের এইচটিএমএল 5 এর রূপরেখা সিএসএস, এইচটিএমএল 5 বা সি # ... এর সাথে সম্পর্কিত কি কেবল ডকুমেন্টের বাহ্যরেখার সাথে, কে জানে!
1. Obsolete practices to avoid
1. Untitled Section (nav)
2. Untitled Section (nav)
3. Doctype
4. <meta> element and charset attributeবিষয়টিকে সবচেয়ে খারাপ করার জন্য, যদি MDN তে একই (বা খুব অনুরূপ) শিরোনাম "এড়াতে অপ্রচলিত অভ্যাসগুলি" যেখানে 2 টি তাদের সিএসএস গাইডের অংশ এবং অন্যটি তাদের এইচটিএমএল গাইডের অংশ হিসাবে 2 টি বিষয় থাকে ...
স্পেকট্রামের অপর প্রান্তে ওয়েবসাইটগুলি <body>পণ্যের নাম (ফু) বা বিষয়বস্তু ধারক (ফু এর জন্য ব্যবহারকারী গাইড) এর প্রধান স্তরের শিরোনাম ব্যবহার করবে বলে মনে হচ্ছে । যেখানে পরবর্তী সমস্ত পৃষ্ঠাগুলি <h2>প্রকৃত পৃষ্ঠার শিরোনামের জন্য ব্যবহার করে ।
প্রশ্নটি
কীভাবে অনুসন্ধান ইঞ্জিনগুলি এমওডিএন ওয়েবসাইটে ডিওএম এবং এইচটিএমএল 5 রূপরেখা ব্যবহার করে পাওয়া ওয়েবপৃষ্ঠার মতো প্রেক্ষাপট অনুমান করে?
নিম্নলিখিত HTML5 পৃষ্ঠাগুলি চিহ্নিত করার সঠিক উপায় কী কী যাতে গুগল উপযুক্ত প্রসঙ্গে পৃষ্ঠাটি সূচী করতে পারে? এই ব্যবহারের অন্তর্ভুক্ত <title>, <header>এবং <h1>উপাদান।
- কোমপানির নাম
- পণ্যের নাম
- ব্যবহারকারী গাইড
- শুরু হচ্ছে
এইচটিএমএল-এর সর্বাধিক উল্লেখযোগ্য শিরোনাম যা কোনও ওয়েব ব্রাউজারে দেখা হয়ে থাকে, এটি কি পুরো ওয়েবসাইট (কোম্পানির নাম বা পণ্যের নাম), বিষয়বস্তুর সংগ্রহ (ব্যবহারকারী গাইড) বা হাতে আসল বিষয় (সূচনা করা) প্রসঙ্গে প্রতিনিধিত্ব করে? ?
আমার সেরা অনুমান
<!DOCTYPE html>
<html>
<head>
<title>Getting Started | User Guide | Product Name - Company Name</title>
</head>
<body>
<header role="banner"> <!-- Note: Lack of <h1> in here -->
<a id="logo" href="http://example.com">Company Name</a>
<nav>
<h1>Site Navigation</h1>
<ul> ... </ul>
</nav>
</header>
<main role="main">
<div class="product-name">Product Name</div>
<div class="document">User Guide</div>
<h1>Getting Started</h1>
<p>blah</p>
</main>
</body>
</html>রূপরেখার দিকে নিয়ে যাওয়া:
1. Getting Started<title>প্রসঙ্গ সরবরাহের উপর নির্ভর করে বলে মনে হচ্ছে । উদাহরণস্বরূপ, <h1>User Guide for Ubermachine</h1>প্রতি পৃষ্ঠায় যেখানে টপিক শিরোনামটি উপস্থাপন করা হয়েছে সেখানে একই বিষয় অন্তর্ভুক্ত করা কি খারাপ ধারণা <h2>Getting Started</h2>... বা অনুসন্ধানের ইঞ্জিনগুলির জন্য দরকারী প্রসঙ্গটি সরবরাহ করার জন্য <h1>Getting Started</h1>একটি বাহ্যরেখাটি শুরু করা উচিত <title>Getting Started | User Guide for Ubermachine</title>। এটি একটি এসইও প্রশ্ন।
<title>পর্যাপ্ত প্রসঙ্গটি সরবরাহ করে কিনা ।