ধরুন, আপনি একটি ওয়েবসাইট ডিজাইন এবং ডেভেলপ করেছেন। কিন্তু আপনি কিভাবে জানবেন আপনার সাইটের সমস্ত HTML সিনট্যাক্স সঠিক আছে? অধিকাংশ ব্রাউজারই আপনার ভুল সিনট্যাক্সের বিরুদ্ধে অভিযোগ করে না। তবে ভুল তো ভুলই, তাই না?
অনেক এসইও এক্সপার্ট আছেন যারা দাবি করেন যে, এসইও ওয়েবসাইটের HTML/XHTML যাচাইকরণের(verification) উপর নির্ভর করে না। তবে আপনার সাইটটিকে কেন W3C এর স্ট্যান্ডার্ড মেনে চলা উচিৎ সে বিষয়ে নিম্নে আলোচনা করা হয়েছে।
HTML/XHTML যাচাইকরণ কেন প্রয়োজনীয়?
আপনার ওয়েবসাইটটি ইন্টারনেটে হোস্টিং করার পূর্বে যাচাই করার বিভিন্ন কারণ রয়েছেঃ
1. যে কোন ওয়েবপেজের মান নির্ভর করে আপনি আপনার ওয়েবপেজটি কত ভাল লিখেছেন তার উপরে। এটি সিনট্যাক্টিক্যালি সঠিক হওয়া উচিৎ এবং ওয়েব স্ট্যান্ডার্ডের সমস্ত পরীক্ষা নিরীক্ষায় পাস করা উচিৎ।
2. কোন সার্চ ইঞ্জিন যখন আপনার ওয়েব পেজ কন্টেন্টের ইনডেক্সিং করে, তখন HTML ট্যাগগুলি সঠিকভাবে না লেখা থাকলে বিভ্রান্তির সৃষ্টি হতে পারে এবং ওয়েব পেজের অনেক বিষয়বস্তু সঠিকভাবে ইন্ডেক্সিং নাও হতে পারে।
3. অনেক এইচটিএমএল ট্যাগ থাকতে পারে, যেগুলো আপনি নিজের ওয়েবপেজে ব্যবহার করেছেন। কিন্তু পরবর্তীতে এগুলো অবমূল্যায়িত(depreciated) হয়েছে,।অধিকাংশ সার্চ ইঞ্জিনই সেগুলি সমর্থন করে না।
4. ধারাবাহিকতা, এইচটিএমএল কোড এর সৌন্দর্য্যতা এবং প্রসেস কমপ্লায়েন্স ভাল ওয়েবমাস্টার দ্বারা সর্বদাই প্রশংসিত।
W3C কমপ্লায়েন্স(Compliance) কি?
W3C হল ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম। 1994 সাল থেকে W3C ওয়েবসাইট এবং ওয়েবপেজের স্ট্রাকচার তৈরির জন্য বিভিন্ন নির্দেশিকা(guideline) সরবরাহ করে আসছে। ওয়েবসাইট তৈরির সময় আমাদের এই গাইডলাইন মেনে চলা উচিৎ। আপনার ওয়েবপেজ সমূহ যাচাই করার জন্য নিম্নে লিংক দেওয়া হলোঃ
1. W3C স্ট্যান্ডার্ড মেনে HTML/XHTML ফাইল যাচাই করার লিংক- HTML/XHTML Validator ।
2. W3C স্ট্যান্ডার্ড মেনে CSS ফাইল যাচাই করার লিংক- CSS Validator ।
যাচাইকরণের সময় আপনি উপযুক্ত কারণ সহ ত্রুটি পেতে পারেন। সমস্ত বৈধতা XHTML DTD ব্যবহার করে সম্পন্ন করা হবে যা এইচটিএমএল-এর একটি সংশোধিত সংস্করণ।
W3C কমপ্লায়েন্সের নিয়ম
ওয়েবপেজ ডেভেলপমেন্টের সময় নিম্নলিখিত বিধিগুলি অনুসরণ করা উচিতঃ
1. প্রতিটি XHTML পেজ শুরু করতে XHTML ঘোষণা বিবৃতি ব্যবহার করুনঃ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" “DTD/xhtml1-strict.dtd">
2. প্রতিটি ট্যাগ বন্ধ(closed) করা আবশ্যক।
3. head এবং body ট্যাগ এখন বাধ্যতামূলক।
4. খালি ট্যাগে একটি সমাপ্তি স্ল্যাশ ব্যবহার করা উচিৎ। খালি ট্যাগ এমন একটি ট্যাগ যাতে শেষ ট্যাগের প্রয়োজন হয় না। যেমন-
<br>এবং<hr>
<BR>এখন<br/>
<HR>এখন<hr/>
<IMG SRC="--">এখন<img src="--"/>
5. সমস্ত ট্যাগ অবশ্যই ছোট হাতের অক্ষরে হওয়া উচিৎ। এটি অ্যাট্রিবিউটে নয়, কেবলমাত্র ট্যাগে প্রয়োগ করা হয়। উদাহরণস্বরূপ, এই দুটি বিন্যাসই XHTML DT এর অধীনে গ্রহণযোগ্যঃ
<FONT color = "# ffffcc">অবৈধ
<FONT color="#ffffcc">অবৈধ
<font color="#ffffcc">বৈধ
<font color="#FFFFCC">ও বৈধ
6. সমস্ত অ্যাট্রিবিউটের মান(value) ডাবল উদ্ধৃতিতে রাখা উচিৎ।
7. ট্যাগ নেস্টেড হতে পারে নাঃ
<b><i>text</b></i>এটি অবৈধ।
<b><i>text</i></b>এটি বৈধ।
<pre>ট্যাগে img, object, big, small, sub অথবা sup থাকা উচিৎ নয়।
একটি <form> ট্যাগ অন্য <form> ট্যাগে থাকতে পারে না।
7. আপনার কোডে যদি & থাকে তবে এটি অবশ্যই & amp; এর মাধ্যমে লেখা উচিৎ।
8. ছোট হাতের অক্ষরে সিএসএস ব্যবহার করা উচিৎ।