এসইওর জন্য <i> শিরোনাম উপাদানগুলিতে ব্যবহার করা কি খারাপ অভ্যাস?


11

একটি ব্যবহারকারী বান্ধব ওয়েবসাইট তৈরি করার জন্য, আমাকে <h>এই জাতীয় উপাদানগুলিতে কিছু ফন্ট আশ্চর্য হরফ ব্যবহার করতে হবে :

<h2>
<i style="color: rgb(102, 149, 45); vertical-align: inherit;" class="fa fa-gear"></i>
 Performance
</h2>

আসলে, এটি একটি পর্যালোচনা নিবন্ধ। এই ফন্ট (অথবা লাগাতে ঠিক আছে <i>মত হেডার উপাদানের ভেতরের এইচটিএমএল উপাদান) <h1>, <h2>, <h3>, ইত্যাদি?

আপনার উত্স বা কিছু ডকুমেন্টেশনও সরবরাহ করুন, কারণ এটি আমার পক্ষে সত্যই গুরুত্বপূর্ণ; আমি এই বিষয়টি সম্পর্কে কোনও ভুল করতে চাই না।


3
ভাল ব্যবহার করার জন্য <span>FontAwesome জন্য তার নিরীহ ব্যবহার <i>ব্যবহার <h2><span class="fa fa-gear"> </span></h2>ঠিক যেমন ভাল কাজ করবে।
সাইমন হাইটার

উত্তর:


11

আমি বলব এটির খুব বেশি ক্ষতি হবে না, এটি কোনও কিছুই যুক্ত করবে না। আমি আমার শিরোনাম ট্যাগগুলি পরিষ্কার রাখতে পছন্দ করি এবং এটিগুলি যোগ করব না i। ইনলাইন স্টাইলিং একটি বড় সমস্যা হবে, যা সত্যিই বড় সমস্যা নয়।

এটি না করে আপনি গিয়ার আইকনটি সরাসরি H2 এ যুক্ত করতে পারেন:

h2.Geared:before{
    display: inline-block;
    color: rgb(102, 149, 45); 
    font-family: "FontAwesome";
    content: "\f013"; /*The actual character FontAwesome uses */
}

<h2 class="Geared">This text will have the gear</h2>

3
ব্যবহারকারীর সত্যই সিএসএস ব্যবহার করা উচিত এবং তাদের এইচটিএমএল ফুলানো উচিত নয়। শিরোনাম ট্যাগ স্টাইল করার সময় কোনও হৃদয় জ্বলবে না, ফুলে যাওয়া এইচটিএমএল হবে।
ক্লোজটনোক

1
আমি কিছুটা হলেও দ্বিমত পোষণ করছি। কারণ আপনি উভয়ই কেবল আপনার এইচটিএমএল হ্রাস করার বিষয়টিকে উপেক্ষা করেছেন কিন্তু তারপরে সিএসএস বাড়িয়েছেন, বাস্তবে আপনার হ্রাসের চেয়ে আরও বেড়েছে। যদি আপনি এটির তুলনায় কম বাইট ব্যবহার করেন তবে এসএএসএস ব্যবহার করুন এবং সিএসএসে একটি একক লাইন ব্যবহার করুন: .h2.geared:before, .fa-gear:before,.fa-cog:before{content:"\f013"}এছাড়াও, <h2>Title <span class="fa fa-gear"> <span></h2>সম্পূর্ণরূপে বৈধ ব্যবহারে কোনও ভুল হবে না এবং খুব শীঘ্রই এসইওর ক্ষতি করবে না।
সাইমন হেটার ওয়াচেস দ্য

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

Sss ব্যবহার করে এইচটিএমএল এবং সিএসএস হ্রাস করা যেতে পারে এমন পরামর্শ দেওয়া অবাস্তব। Sss CSS তে প্রসারিত হয়, সুতরাং এটি কেবল টাইপ করে কোনও ব্যান্ডউইদথ সংরক্ষণ করে না। এটি মূল্যবান, নিশ্চিত, তবে হাতে আলোচনার সাথে সম্পর্কিত নয়।
নট

6

এই দিনগুলিতে আপনি কোন ট্যাগ ব্যবহার করেন সে সম্পর্কে গুগল প্রায় কোনও মনোযোগ দেয় না। গুগল কীভাবে পৃষ্ঠা ব্যবহারকারীদের কাছে লাগে সে সম্পর্কে যত্নশীল। এটি কোন পাঠ্যটি বড় care এটি কোন পাঠ্যটি বিশিষ্ট তা যত্নশীল। এটি কোন পাঠ্যটি গোপন রয়েছে সে সম্পর্কে যত্নশীল। সাম্প্রতিক এসইও পরীক্ষাগুলিতে প্রমাণিত হয়েছে যে <div>শিরোনামের মতো দেখতে <h1>ট্যাগ ব্যবহার করা এবং গুগল যতটা চিন্তিত সেখানে ট্যাগ ব্যবহারের মধ্যে কোনও পার্থক্য নেই ।

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


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

-1

হ্যাঁ এটি একটি খারাপ ধারণা। স্পষ্ট বিবৃতি <h>ট্যাগ ব্যবহার করুন , এটি গুগলের একটি নিয়ম।


2
এই উত্তরটি ভুল
জন কনডে

1
আমি কোনও <h>ট্যাগের কথা কখনও শুনিনি, তাদের ব্যবহারের জন্য গুগল থেকে নিয়মাবলী চালিয়ে দেওয়া হোক। আপনি কিছু ডকুমেন্টেশন লিঙ্ক করতে পারেন?
স্টিফেন অস্টেরমিলার
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.