Skip to main content

এইচটিএমএল ওয়েব পেজে হেড এলিমেন্ট কী?

ভূতুড়ে সাইট নয়, উইকিপিডিয়ার এই ৫টি পেজ-ই আঁতকে ওঠার জন্য যথেষ্ট (জুন 2025)

ভূতুড়ে সাইট নয়, উইকিপিডিয়ার এই ৫টি পেজ-ই আঁতকে ওঠার জন্য যথেষ্ট (জুন 2025)
Anonim

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

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

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

পরে ট্যাগ যে aforementioned হয় ট্যাগ জোড়া। যে ট্যাগ জুড়ি ভিতরে আপনি অনেক অন্যান্য গুরুত্বপূর্ণ উপাদান যোগ করা হবে, সহ , কোন <meta> ট্যাগ, পাশাপাশি সিএসএস এবং জাভাস্ক্রিপ্ট লিঙ্ক।<p><div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </center></div> <a id="menu-1"></a><h2 id='D9MVVA4IB6'> শিরোনাম উপাদান</h2> <p>আপনি সবসময় একটি অন্তর্ভুক্ত করা উচিত আপনার ওয়েব পেজ। এর জন্য অনেকগুলি কারণ রয়েছে, যার মধ্যে রয়েছে:<p> <ol> <li> <p>সার্চ ইঞ্জিন ব্যবহার করুন</p> <p>খেতাব<p>ক্যাটালগ সাইট প্রাথমিক উপায় হিসাবে। যদি আপনার ওয়েব পৃষ্ঠায় একটি বর্ণনামূলক শিরোনাম না থাকে তবে সার্চ ইঞ্জিনগুলি অন্যান্য পৃষ্ঠাগুলির তুলনায় এটি কম র্যাঙ্কিং দেবে। এটি সার্চ ইঞ্জিন ফলাফল পৃষ্ঠাতে লিঙ্ক পাঠ্য হিসাবেও প্রদর্শিত হয় (এছাড়াও SERP নামেও পরিচিত)।</p> <div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </center></div></li> <li> <p>এটি ব্রাউজার উইন্ডোতে বা ট্যাবটির উপরের অংশে ব্রাউজারে পৃষ্ঠাটি বর্ণনা করে।</p> </li> <li> <p>কেউ আপনার সাইট বুকমার্ক যখন এটি লেখা হয়। একটি ব্যবহারকারী আপনার সাইট বুকমার্ক, আপনি তাদের মনে রাখতে চান। আপনি যদি শিরোনাম ট্যাগ ব্যবহার না করেন তবে আপনার সাইট "শিরোনামহীন নথি" প্রদর্শন করবে, যা অনেক ওয়েব ডেভেলপমেন্ট সফ্টওয়্যার প্ল্যাটফর্মগুলিতে ব্যবহৃত ডিফল্ট পৃষ্ঠা শিরোনাম।</p> </li> </ol> <p>যেহেতু ট্যাগটি সেই পৃষ্ঠাটি সম্পর্কে কি একটি সংক্ষিপ্ত বিবরণ প্রদর্শন করা হয়, আপনার সাইটের প্রতিটি পৃষ্ঠায় অনন্য থাকতে হবে , আপনার সাইটের প্রতিটি পৃষ্ঠায় অনন্য কন্টেন্ট রয়েছে। এই ট্যাগটির বিষয়বস্তু 60 অক্ষরের কম বা কম রাখতে চেষ্টা করুন। আপনি আরও অন্তর্ভুক্ত করতে পারেন, কিন্তু এটি যদি সেই সংখ্যাটি অতিক্রম করে তবে অনুসন্ধান ইঞ্জিন সামগ্রীটি ছিন্ন করে।<p> <a id="menu-2"></a><h2 id='LO9IGC7TSS'> মেটা তথ্য বা মেটা ডেটা</h2> <p>মেটা তথ্য তথ্য ধারণকারী <head> আপনার HTML নথির যা ওয়েব ব্রাউজার এবং অন্যান্য ডিভাইসগুলিতে আপনার ওয়েব পৃষ্ঠা সম্পর্কে অতিরিক্ত তথ্য সরবরাহ করে। আপনি লেখকের নাম, পৃষ্ঠাটি তৈরি করতে ব্যবহৃত প্রোগ্রাম, পৃষ্ঠাটি মেয়াদ শেষ হওয়ার তারিখ, এবং সম্ভবত সবচেয়ে গুরুত্বপূর্ণ, বর্ণনা এবং কীওয়ার্ডগুলি যা পৃষ্ঠাটির সাথে সম্পর্কিত তা অন্তর্ভুক্ত করতে পারেন।<p>সবচেয়ে গুরুত্বপূর্ণ</p> <p>মেটা<strong> <p>আপনার ওয়েব দস্তাবেজে অন্তর্ভুক্ত হওয়া ট্যাগটি আসলে অক্ষর সেট, বা অক্ষর। এই আপনার ওয়েব পেজের নিরাপত্তা জন্য গুরুত্বপূর্ণ।</p> <p>চরিত্র সেট সবসময় আপনার প্রথম লাইন হতে হবে</p> <p>মস্তক<strong> <p>যাতে হ্যাকাররা ভাঙ্গতে পারে না। প্রসঙ্গত, আমরা যে ট্যাগগুলি বাকি করেছি তা বরাবর, এটি পছন্দ করতে চান:</p> <p><!doctype html> <html> <head><meta charset='utf-8'><title>এই শিরোনাম কন্টেন্ট

মেটা ট্যাগ সম্পর্কে আরো জানুন

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

  • মেটা ট্যাগগুলির সাথে যাদু - উন্নত সার্চ ইঞ্জিন বসানো পেতে মেটা ট্যাগগুলি ব্যবহার করুন
  • আরো মেটা ট্যাগগুলি - আপনার মেটা ডেটা সর্বাধিক পেতে কীওয়ার্ড এবং বিবরণগুলির বাইরে যান।
  • মেটা ট্যাগ লিংক - মেটা ট্যাগ সাহায্যের জন্য অতিরিক্ত লিঙ্ক

অন্যান্য উপাদান

উপরন্তু, আপনি খুঁজে পাবেন অন্যান্য গুরুত্বপূর্ণ জিনিস একটি পৃষ্ঠার একটি সাইট এর CSS ফাইলগুলির লিঙ্কগুলি জাভাস্ক্রিপ্ট হয়, হয় কোনও জেস ফাইলগুলির লিঙ্ক হিসাবে বা ইনলাইন জাভাস্ক্রিপ্ট কোড হিসাবে।