ওয়েবসাইটের শিরোনাম / লোগো এবং এসইও এর জন্য এইচ 1 বনাম এইচ 2 বনাম অন্যান্য


31

ফ্রন্ট-এন্ড বিকাশকারীদের পক্ষে ওয়েবসাইটের শিরোনাম বা লোগোটিকে এইচ 1 ট্যাগে এবং শিরোনাম এইচ 2 এ রাখাই একটি সাধারণ অনুশীলন। তবে বেশিরভাগ সময় পৃষ্ঠা / নিবন্ধের শিরোনামই বেশি গুরুত্বপূর্ণ কারণ এটি সামগ্রীর মান বহন করে। সুতরাং আমার প্রশ্নটি হল সিমেন্টিক এবং এসইও দৃষ্টিকোণ থেকে সেরা পন্থাটি কী। উদাহরণ:

  • লোগো - এইচ 1, শিরোনাম - এইচ 1
  • লোগো - এইচ 1, শিরোনাম - এইচ 2
  • লোগো - এইচ 2, শিরোনাম - এইচ 1
  • লোগো - অন্যান্য ট্যাগ, শিরোনাম - এইচ 1

অন্যান্য ভেরিয়েন্টগুলি সরবরাহ করেছেন যদি আপনি ভাবেন যে সেগুলির আরও বেশি প্রভাব থাকবে।

উত্তর:


37

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

মানে, আপনি যখন কোনও নিউজ স্টোরি দেখেন তখন আপনি কোণায় একটি সামান্য নিউজ চ্যানেল লোগো দেখতে পাবেন, তবে সংবাদ গল্পটির শিরোনাম "সিএনএন" বা "বিবিসি নিউজ" হতে যাচ্ছে না। শিরোনামটি গল্পটি নিয়ে থাকবে, গল্পটি প্রকাশের নেটওয়ার্ক নয়। তেমনি, আপনি যখন কোনও পত্রিকা পড়েন, কেবল নিবন্ধের শিরোনামটি প্রকাশনাটির নাম নয়, শিরোনামে ব্যবহৃত হয়।

লোগো / সাইটের নামের জন্য এবং ডকুমেন্ট শিরোনামের জন্য একটি এইচ 1 ট্যাগ ব্যবহার করাও শব্দার্থগতভাবে ভুল। শিরোনাম পৃষ্ঠাগুলির লিখিত স্তরক্রমিক কাঠামো সংজ্ঞায়িত করে; সাইটের নামের জন্য একটি এবং নথির শিরোনামের জন্য অন্যটি ব্যবহার করার মতো, এই পৃষ্ঠায় 2 টি প্রধান বিভাগ রয়েছে: "মাইডোমাইন.কম" এবং "আমাদের সাথে যোগাযোগ করুন"।


আমি ক্রিস কনওয়ে থেকে উত্তরটি দিতে চাই। 100 পৃষ্ঠাগুলিতে প্রতিটি সাইটের শিরোনামের জন্য এইচ 1 যুক্ত করার কোনও মানে নেই। আমরা সাইট শিরোনামে নয় পৃষ্ঠার শিরোনামের ভিতরে কীওয়ার্ডের জন্য ওয়েবসাইটগুলি খুঁজে পেতে চাই। এছাড়াও, আপনি যদি সমস্ত বড় ওয়েবসাইট (cnn.com, amazon.com, ebay.com) দেখুন তবে তাদের কারও কাছেই সাইটের শিরোনামের জন্য এইচ 1 ট্যাগ নেই। গুগল ওয়েবমাস্টার ব্লগ কোডটিও দেখুন এবং আপনি দেখতে পাবেন যে সাইটের শিরোনামের জন্য কোনও H1 ট্যাগ নেই এবং পৃষ্ঠা শিরোনাম H2 is সুতরাং, আমি সাইটের শিরোনামের জন্য একটি শ্রেণীর সাথে ডিভি ট্যাগ বা স্প্যান শিরোনাম এবং পৃষ্ঠা শিরোনামের জন্য এইচ 1 বা এইচ 2 ব্যবহার করার পরামর্শ দেব।
নিকোলাস গুরিনেট

1
@ নিকোলাস গুউরিনেট: আপনি পোস্ট করার পরে এটি পরিবর্তন হয়েছে কিনা তা নিশ্চিত নন, তবে ইবে আসলে লোগোটির ভিতরে একটি লোগো রাখে h1, তবে কেবল তাদের মূল পৃষ্ঠায় । একটি নির্দিষ্ট তালিকাতে যান এবং তালিকার শিরোনাম এখন h1
নেলসন রোদারমেল

22

গুগলের এসইও রিপোর্ট কার্ড নথির পৃষ্ঠা # 37 দেখুন :

বেশিরভাগ পণ্য প্রধান পৃষ্ঠাগুলিতে <h1>উপরের উদাহরণের মতো একটি ট্যাগ ব্যবহার করার সুযোগ রয়েছে তবে তারা বর্তমানে কেবলমাত্র অন্য শিরোনাম ট্যাগগুলি ( <h3>এই ক্ষেত্রে) বা বৃহত্তর ফন্ট স্টাইলিং ব্যবহার করছে। আপনার পাঠ্যটি স্টাইল করার সময় এটি বৃহত্তর প্রদর্শিত হ'ল একই ভিজ্যুয়াল উপস্থাপনা অর্জন করতে পারে তবে এটি অনুসন্ধান ইঞ্জিনকে একই শব্দার্থক অর্থ প্রদান করে না যা কোনও <h1>ট্যাগ করে। পণ্যের নাম এবং / অথবা এর বৈশিষ্ট্যগুলি সম্পর্কে কয়েকটি শব্দ <h1>পণ্যের প্রধান পৃষ্ঠার জন্য একটি ট্যাগ থাকা দুর্দান্ত ।

গুগলের নিজস্ব অফারগুলির নিজস্ব বিশ্লেষণ অনুযায়ী, আমি এই সিদ্ধান্তে পৌঁছে যাব যে গুগল এইচ 1 -তে একটি অনন্য, পৃষ্ঠা-নির্দিষ্ট মান উপস্থিত হওয়ার প্রত্যাশা করে (লিঙ্কযুক্ত ডকের চিত্রটি এটি চিত্রিত করে)।


দুর্দান্ত উত্তর এবং খুব দরকারী।

5

এখানে একটি ভাল যুক্তিযুক্ত: আপনার লোগোটি একটি চিত্র, <h1> নয়

শব্দার্থকভাবে, <h1>পৃষ্ঠা শিরোনামের জন্য ব্যবহার করা উচিত এবং পৃষ্ঠা শিরোনামটি প্রতি পৃষ্ঠায় অনন্য হওয়া উচিত। আপনার লোগোটি বা সাইট নাম না শিরোনামটি (সম্ভবত হোম পৃষ্ঠা থেকে সরাইয়া)।

আপনার লোগো / সাইটের নামটি সম্ভবত 'শিরোনাম' এর আইডি সহ একটি সাধারণ ডিভে থাকা উচিত। অথবা, <header>ট্যাগটি যদি HTML5 ব্যবহার করে।


1
আমি কোনও <img /> ট্যাগ সামগ্রী ব্যবহার না করে ব্যবহার করতে পছন্দ করি না। একটি ওয়েবসাইটের লোগো যা সমস্ত পৃষ্ঠার শিরোনামে পুনরাবৃত্তি করে তা সামগ্রী নয় তবে একটি বিন্যাস বিশদ।
চেরোভিম

1
@ চেরুভিম: কোনও ছবিতে কোনও <img>ট্যাগ থাকতে হয় না , এটি একটি পটভূমি হতে পারে, কোনও <h1>ট্যাগের ব্যাকগ্রাউন্ড নয় । তবে, লিঙ্কিত নিবন্ধটি যুক্তি অনুসারে, আপনার লোগোটিকে পৃষ্ঠার সামগ্রী হিসাবে দেখা যেতে পারে।
অসন্তুষ্ট গোয়াট

4

আইএমও পৃষ্ঠায় একটিই H1 থাকা উচিত। এবং আপনার লিখিত সামগ্রীর সঠিক শ্রেণিবিন্যাস বজায় রাখতে H1 এর আগে সর্বদা H2 হওয়া উচিত।

লোগো প্রায়শই প্রতিটি পৃষ্ঠায় পুনরাবৃত্তি হয় এবং আপনি যেমন বলে থাকেন বেশিরভাগ পৃষ্ঠায় শিরোনাম প্রায় সবসময়ই আরও গুরুত্বপূর্ণ।

হোমপেজে আমি:
লোগো / শিরোনাম - এইচ 1 [, শিরোনাম - এইচ 2]
ব্যবহারটি বিবেচনা করব যদিও আপনার হোমপেজে লোগোটি আপনার শিরোনাম হতে পারে।

তবে পরবর্তী সমস্ত পৃষ্ঠাগুলিতে আমি যাব:
লোগো - অন্যান্য ট্যাগ, শিরোনাম - এইচ 1
এমনকি যদি উপযুক্ত হয় তবে পটভূমির চিত্র হিসাবে লোগো থাকা।


1
এই সত্যটি অনুসারে যে বেশিরভাগ সাইটগুলি হোম এবং অভ্যন্তরীণ পৃষ্ঠাগুলির জন্য একই লেআউটটি ব্যবহার করে আমি ব্যক্তিগতভাবে দ্বিতীয় সমাধানটি পছন্দ করি
ইলিয়ান ইলিভ

@ ললিয়ান হ্যাঁ, যদি আপনাকে সমস্ত পৃষ্ঠার জন্য একটি বা অন্যটি বেছে নিতে হয় তবে দ্বিতীয় সমাধানটি পছন্দনীয়। যাইহোক, হোমপেজে শিরোনামে ওয়েবসাইটের শিরোনাম / লোগোটি অন্তর্ভুক্ত করা সাধারণ - কেউ যদি ওয়েবসাইট শিরোনাম / সংস্থা / লোগোটির জন্য বিশেষভাবে অনুসন্ধান করে তবে কোন পৃষ্ঠাটি পাওয়া উচিত? হোমপেজ?
মিঃ হোয়েট

3

আপনি কীভাবে আপনার এইচ 1 ট্যাগটিতে যা খুঁজছেন তা হ'ল পৃষ্ঠার শিরোনাম বা কী এই পৃষ্ঠাটিকে অনন্য করে তোলে। আপনি যদি এটিতে কোনও চিত্র ব্যবহার করে থাকেন তবে আপনার অবক্ষয়ের জন্য ফ্যালব্যাক পদ্ধতিতে এটি করা দরকার:

<style>
h1{background: url('imagePathHere.gif');width:60px;height:10px;}
h1 span{display:none}
</style>

<h1><span>Unique Page Title</span></h1>

এইভাবে আপনি এইচ 1 এর জন্য দেখানোর জন্য একটি চিত্র সেট করতে পারেন (যা লোকেরা প্রায়শই লোগো অঞ্চল হিসাবে অপব্যবহার করে) এবং অবনমিত ইন্টারনেট অভিজ্ঞতা ব্যবহারকারীদের জন্য এখনও এর অভ্যন্তরে ভাল সামগ্রী থাকতে পারে। এটি আপনার এসইও মানকেও খুশি করে।


2

অনুশীলনগুলি (এবং টেম্পলেটগুলি) এর কারণে এটি একটি ভয়ঙ্কর প্রশ্ন।

ব্যক্তিগতভাবে, আমি নিম্নলিখিতগুলি বিবেচনা করে "আউটলাইনিং 101" যুক্তিটি উল্লেখ করতে চাই:

এইচ 1 শিরোনামের মতো (অবশ্যই আপনি নিজের এইচটিএমএল শিরোনাম পরিপূরক করতে পছন্দ করেন) এবং প্রতি পৃষ্ঠায় কেবল একটি শিরোনাম থাকতে হবে

এইচ 2 হ'ল ধরণের রূপরেখায় রোমান সংখ্যার মতো: I., II।, III।, ইত্যাদি।

এইচ 3 হ'ল এ, বি, সি এর আউটলাইন সমতুল্য would

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


1

আমি h1মূল শিরোনাম লোকের জন্য এবং প্রধান শিরোনামটি সাইটের নামটি সজ্জিত করা হয় বা আপনি যেমন লোগো বলেছেন। এখানে বক্তব্যটি হ'ল - ওয়েবসাইটের শিরোনামে লোগো আসলে লোগো নয়, এটি সচিত্র সাইটটির শিরোনাম। ডিজাইনাররা এটি লোগো হিসাবে ডিজাইন করতে পছন্দ করে।

লোগো -> এ H1কী হয়েছে?

<div>Google</div>
<h1>About Us</h1>

এখন, যেমন h1সর্বাধিক গুরুত্বপূর্ণ বিভাগটি দর্শনার্থীর কাছে এটি সম্পর্কে যা বলা হয়, দর্শক পৃষ্ঠাটি বুঝতে পারে না, কারণ h1এটি খুব নির্দিষ্ট। কার সম্পর্কে?

<h1>Google</h1>
<h2>About Us</h2>

এই পৃষ্ঠাটি গুগল সম্পর্কে। এখানে আমাদের সম্পর্কে বিভাগ। দেখুন - কোন প্রশ্ন নেই? সব পরিষ্কার.

দ্বিতীয় বিষয়।

পৃষ্ঠার কাঠামো। আপনি যদি সাইটের প্রধান শিরোনামটি ডিভ বা পি তে রাখেন তবে এর সাথে যুক্ত করার মতো কিছুই নেই।

<p>Google</p>
<h1>About us</h1>

যদি h1পরে আসে তবে আমি কীভাবে গুগলের সাথে "ইউ সম্পর্কে ইউ" যুক্ত করতে পারি ? কারণ এরপরে যা কিছু আসে H1তার সাথে সম্পর্কিত হয়, যা আগে হয় তা নয়।

<h1>Google</h1>
<h2>About Us</h2>

"আমাদের সম্পর্কে" গুগলের অন্তর্ভুক্ত। কোন প্রশ্ন নেই।

তৃতীয় পয়েন্ট।

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

<p>Google</p>
<h1>About us</h1>

এই পৃষ্ঠাটি আমাদের সম্পর্কে। কে / এটা কি? অস্পষ্ট। এটি কেবল "আমাদের সম্পর্কে" নামক কিছু বর্ণনা করে।

<h1>Google</h1>
<h2>About Us</h2>

এই সাইটটি গুগল বর্ণনা করে। এবং আমাদের সম্পর্কে একটি বিভাগ আছে। আমাদের = সম্ভবত গুগল, কারণ কাঠামোটি সেভাবে এটি বর্ণনা করে।

আমি আশা করি আমি আমার বক্তব্য তৈরি করেছি :)

দ্রষ্টব্য! আপনি ব্যবহার করতে পারবেন না h2- h1- h3কারণ এটি অযৌক্তিক, তাই একটি বড় ব্যর্থতা। কেবলমাত্র ডাব্লু 3 সি বলে না যে এটি অনুমোদিত নয়, এটি বৈধ করে তোলে না। এটা অযৌক্তিক, এটি সম্পর্কে চিন্তা করুন।


0

এইচ 2 ট্যাগ হিসাবে লোগো?

আমি কেবল সাইটপয়েন্ট (www.sitepPoint.com) এর আশেপাশে ব্রাউজ করছি যা নিয়মিত পৃষ্ঠা এবং ব্লগের মিশ্রণ সহ একটি ওয়ার্ডপ্রেস ব্লগ। সাধারণভাবে, আমি দেখতে পেলাম যে তাদের পৃষ্ঠার শিরোনাম এইচ 1 ট্যাগ হিসাবে এবং লোগোটি এইচ 2 হিসাবে সেট রয়েছে। আপনি এটি www.blogs.sitepPoint.com/category/design/ এর মতো ব্লগ পৃষ্ঠায় দেখতে পারেন। সাইটের চারপাশে ক্রুজিংয়ের মাধ্যমে আপনি বিভিন্ন সেটআপ খুঁজে পান। আমি প্রায়শই এইচ 1 ট্যাগটি খুঁজে পাইনি, উদাহরণস্বরূপ মূল পণ্য পৃষ্ঠায় (http://products.sitepPoint.com/)। যদিও সেই পৃষ্ঠাটি থেকে, আপনি যদি আরও তথ্যের জন্য www.sitepPoint.com/books/design2/ এর জন্য কোনও নির্দিষ্ট পণ্যটিতে ক্লিক করেন তবে আপনি আবার দেখতে পাবেন যে h1 পৃষ্ঠা শিরোনাম, এইচ 2 লোগো। একটি সাধারণ ওয়েব পৃষ্ঠাটি ব্লগের অনুরূপ, (দেখুন www.sitepPoint.com/help/)। এই ক্ষেত্রে FAQ এর বিষয়গুলি সমস্ত এইচ 2 ট্যাগ।

টম রজার্স


0

আপনার লোগোটি শিরোনামে নেস্ট করার দরকার নেই - এর মধ্যে একটি সাধারণ লিঙ্কযুক্ত চিত্রই headerযথেষ্ট। তবে আপনার সাইটের শিরোনাম এবং পৃষ্ঠা / নিবন্ধের শিরোনাম উভয়ই হওয়া উচিত <h1>। এই নিবন্ধটি তথ্যবহুল: এইচটিএমএল 5 এর একাধিক এইচ 1 ট্যাগ সম্পর্কে সত্য

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.