<h1> এর ভিতরে অ্যাঙ্কর ট্যাগ বা <h1> ভিতরে অ্যাঙ্কর ট্যাগ: কোনটি ভাল?


52

<h1>পোস্টের শিরোনামের জন্য আমি আমার ব্লগে ট্যাগগুলি ব্যবহার করার চেষ্টা করছি এবং একটি সমস্যা পেলাম। শিরোনাম হাইপার লিঙ্কযুক্ত।

মামলা 1:

<h1> <a href=""> xyz </a> </h1>

কেস 2:

<a href=""> <h1> xyz</h1> </a> 

এসইও-র ক্ষেত্রে কোনটি ভাল?

উত্তর:


57

আপনি যদি এইচটিএমএল 5 ব্যবহার করছেন তবে কেবল একটি বাছুন; তারা সমতুল্য
এইচটিএমএল 5 ব্লক-স্তরের লিঙ্কগুলিকে অনুমতি দেয় তবে আপনার ক্ষেত্রে এটি করার কোনও বিশেষ কারণ নেই কারণ কেবলমাত্র একটি ব্লক-স্তর উপাদান রয়েছে। ব্যক্তিগতভাবে, আমি এটি এখানে করব না, কারণ <h1>বাইরের দিকে ট্যাগ থাকার কারণে উত্স কোডে স্ক্যান করা আরও সহজ হবে।

অন্য কিছু (এক্সএইচটিএমএল, এইচটিএমএল 4 ইত্যাদি) এবং দ্বিতীয়টি কেবল সাধারণ ভুল plain এটি বৈধ কোড হবে না এবং আপনার অনুসন্ধান অপ্টিমাইজেশনের জন্য এটি এমন কিছু স্তরের পক্ষে খারাপ any


আমার একটি প্রশ্ন রয়েছে: <h1> হ্যালো <h1> // 5 অক্ষর <h1> <a> হ্যালো </a> </h1> // 5 অক্ষর বা গুগল এটিকে 12 টি অক্ষর হিসাবে পাঠ করে?
hfarazm

11

এসইও সম্পর্কিত যতটা তারা উদাসীন। (সাধারণত ব্লক স্তরের উপাদানগুলিতে ইনলাইন উপাদান থাকে এবং বিপরীতে নয় তাই আপনার প্রথম উদাহরণটি ব্যবহার করা উচিত তবে এটি এসইওকে প্রভাবিত করবে না)।


3
প্রকৃতপক্ষে ইনলাইন উপাদানগুলিতে এইচটিএমএল অনুমান অনুযায়ী ব্লক উপাদান থাকা উচিত নয়
অসন্তুষ্ট গোয়াট

3
পুনঃটুইট করেছেন ডক্টাইপের জন্য হিসাব করা দরকার।
সু '

@ সু 'কোন ডক্টাইপগুলি ইনলাইন উপাদানগুলির মধ্যে ব্লক উপাদানগুলিকে অনুমতি দেয়?
অসন্তুষ্ট গোয়াট

4
@ ডিসগ্রান্টলেডগোট এইচটিএমএল 5 লিঙ্কগুলিকে (পূর্বে কেবল ইনলাইন উপাদানগুলি) শিরোনাম এবং অনুচ্ছেদ ট্যাগের মতো ব্লক উপাদানকে ঘিরে রাখার অনুমতি দেয়। এখানেই ডক্টাইপ গুরুত্বপূর্ণ। আপনি যদি এইচটিএমএল 5 ব্যবহার করেন তবে প্যাটার্নটি ব্যবহার করুন <a><h1></h1></a>। অন্যথায়, theতিহ্যগত প্যাটার্ন ব্যবহার করুন <h1><a></a></h1>। গুগল উভয় পদ্ধতিতে সমানভাবে মনোযোগ দেবে, তবে কিছু ব্রাউজার আপনার সঠিক ডক্টাইপ (এইচটিএমএল 5) অবধি অ-মানক প্যাটার্নের সাথে খুব ভাল খেলতে পারে না।
টিনা বেল ভ্যানস

সুতরাং উপরেরগুলি নামযুক্ত অ্যাঙ্কর ট্যাগগুলির জন্যও প্রযোজ্য। তাই না? <a name='intro'> <h1> পরিচিতি </ h1> </a> বাদে <h1> <a name='intro'> ভূমিকা </a> </h1> থাকা ভাল।
জয়পাল চন্দ্রন

6

এইচটিএমএল 5 এ এগুলি উভয়ই সঠিক , এইচটিএমএল ইনলাইন উপাদানগুলিতে ব্লক উপাদানগুলিকে মঞ্জুরি দেয়। এটি এসইও-তে কোনও প্রভাব ফেলবে না, উভয় ক্ষেত্রেই পাঠ্যটি শিরোনামে আবৃত রয়েছে, সুতরাং এটির একই মান থাকবে।

এটি বৈধতার পছন্দ নয়, তবে ব্যবহারকারী ইন্টারফেসে একটি পছন্দ:

  • আপনি যদি অ্যাঙ্করটির চারপাশে শিরোলেখটিকে আবৃত করেন তবে আপনি একটি বৃহত নোঙ্গর তৈরি করেন, কেবলমাত্র পাঠ্যটি ক্লিকযোগ্য হবে।
  • আপনি যখন শিরোনামের চারপাশে অ্যাঙ্করটি মোড়েন, পুরো লাইনটির ক্লিকযোগ্য হয়ে যায়।

আমি আপনাকে jsFiddle.net এ একটি উদাহরণ তৈরি করেছি


4

আমি দেখতে পাচ্ছি যে কেস 2 এর সাথে hrefসন্নিবেশটি প্রায়শই আমার বাকী পৃষ্ঠার সাথে সীমাবদ্ধ থাকে। তবে এটি আমার মার্জিন সেট করার উপায় হতে পারে .css। এইভাবে আমি কেস 1 এর পক্ষ নেব।


1

এখানে যা বলা হয়েছে তা অন্তর্দৃষ্টিপূর্ণ, আপনাকে সকলকে ধন্যবাদ। আসুন এটি আরও একবারে নেওয়া যাক: মাইক্রোডাটা এবং এ জাতীয় সমীকরণে যুক্ত করা।

ধরা যাক আমরা পেয়েছি

<h1 itemprop="name"><a href="http://goldenage.com/maths.html"
itemprop="url">Mathematics in The Muslim Golden Age</a></h1>

সাথে প্রতিযোগিতা

<a href="http://goldenage.com/maths.html" itemprop="url"><h1
itemprop="name">Mathematics in The Muslim Golden Age</h1></a>

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

সুতরাং আমি বলব, মাইক্রোডাটা অ্যাকাউন্টে নেওয়া, বাইরের দিকে অ্যাঙ্কর রাখা আরও খাঁটি।

এর উপর ভিত্তি করে: http://thenewcode.com/617/How-To-Add-Microdata-To- আপনার- ব্লগ



0

ঘোড়ার মুখ থেকে - এসইও উদ্দেশ্যে ব্লক স্তরের লিঙ্কগুলি এড়ানো উচিত: https://www.seoundtable.com/ block-level-links-google-seo-16369.html

আপডেট: লিংক থেকে টেকওয়েস ...

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

জন মুয়েলার (গুগলে ওয়েবমাস্টার ট্রেন্ডস অ্যানালিস্ট) বলতে চলেছেন ...

এই ব্যবহারটি আমাদের (গুগল) - এর সাথে ঠিকঠাক হবে - আমরা এখনও এই লিঙ্কটি তুলে ধরব, এবং আপনার পাঠ্যটিকে অ্যাঙ্কর হিসাবে সংযুক্ত করতে সক্ষম হব। HTML পার্সিংয়ের সাথে আমরা বেশ নমনীয়, সুতরাং আপনি সম্ভবত এটি এইচটিএমএল 4 দিয়েও ব্যবহার করতে পারেন। এটি বলেছিল, আপনি আপনার নোঙ্গর পাঠ্যটি যত পরিষ্কার করবেন, লিঙ্কটির প্রসঙ্গটি বোঝার পক্ষে আমাদের পক্ষে সহজতর, তাই আমি আপনার অভ্যন্তরীণ লিঙ্কগুলির জন্য অ্যাঙ্কর হিসাবে অগত্যা একটি সম্পূর্ণ অনুচ্ছেদ ব্যবহার করব না।

টিএল; ডিআরও এসইও এর জন্য, ব্লক-স্তরের লিঙ্কটি ব্যবহার করবেন না।


আশা করি আপনি নিজের উত্তরটি আপডেট করবেন, কিছু অংশে অন্যদের যেমন বলা হয়েছে তেমনি উভয় উদাহরণ কেন সমান নয় তা প্রদর্শন করে।
রব

-1

যদি উদ্দেশ্যটি থাকে যে লিঙ্কটির ভিতরে অতিরিক্ত ক্লিকযোগ্য উপাদান রয়েছে (যেমন ছবি ইত্যাদি) এবং এখনও এইচটিএমএল <5 দিয়ে বৈধতা দেওয়া হয় তবে জাভাস্ক্রিপ্টের মাধ্যমে আপনার এটি উভয় উপায়ে থাকতে পারে:

<div onclick="if (this.getElementsByTagName('a')[0]) location=this.getElementsByTagName('a')[0].href;">
<img src="/foo" alt="" />
<h1>
<a href="#">
linked-heading
</a>
</h1>
</div>

অন্যথায়, সহজভাবে:

<h1 onclick="if (this.getElementsByTagName('a')[0]) location=this.getElementsByTagName('a')[0].href;">
<a href="#">
linked-heading
</a>
</h1>

যোগ cursor:pointerপিতা বা মাতা উপাদান এর CSS এ কৌতুক সম্পূর্ণ করা।


1
ইনলাইন জাভাস্ক্রিপ্ট? আমরা কি 1999 সালে ফিরে এসেছি? ;)
মার্টিজন

আপনি এমনকি এটি কেন করবেন? অ্যাঙ্কারে কেবল শিরোনামটি মুড়িয়ে দিন। এটি কেবল খারাপ অভ্যাস
মার্টিজন

মন্তব্যটি মনোযোগ সহকারে পড়ুন, আপনি আপনার উত্তরটি ঠিক সেখানেই বানান পেয়ে যাবেন;) এইচটিএমএল ৪.০১ আসলে ১৯৯৯-এর মতোই পুরানো doc "H1" উপাদানটিকে এখানে (...) অনুমতি দেবেন না এই বার্তাটির একটি সম্ভাব্য কারণ হ'ল আপনি একটি ইনলাইন উপাদানটির মধ্যে একটি ব্লক-স্তর উপাদান (যেমন "<p>" বা "<table>") রাখার চেষ্টা করেছেন ( যেমন "<a>", "<স্প্যান>", বা "<ফন্ট>") "" অবশ্যই, কোনওকে বৈধতাবিদদের কী বলা হয় সে সম্পর্কে একেবারেই যত্ন নেওয়া উচিত নয়, সুতরাং মন্তব্যের একেবারে প্রথমদিকে "যদি"।
লুসিয়ান ডেভিডেস্কু
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.