HTML <meta> name প্রতিভূতি

HTML <meta> ট্যাগ

সংজ্ঞা ও ব্যবহার

name content

name content content content

content name content content contentname প্রতিভূতি content প্রতিভূতি

নিচের ট্যাবলে কিছু প্রতিষ্ঠিত মেটাডাটা ধরন উল্লেখ করা হয়েছে。

মন্তব্য:নির্দিষ্ট করা হয় http-equiv প্রতিভূতিযদি name প্রতিভূতি

টিপস:HTML5-এর মাধ্যমে, ওয়েব ডিজাইনাররা <meta> ট্যাগ দিয়ে ভিউপট (ওয়েবের ব্যবহারকারীর দৃশ্যমান অঞ্চল) নিয়ন্ত্রণ করতে পারে (উল্লেখ করুন 'ভিউপট সেটিং')

উদাহরণ

name প্রতিভূতিটি ব্যবহার করে HTML ডকুমেন্টের বর্ণনা, কীওয়ার্ডস, এবং লেখককে নির্দিষ্ট করুন। এছাড়াও, পৃষ্ঠার মাপ এবং বিভিন্ন ডিভাইসের জন্য সমানভাবে সমস্তাংশ সমাপ্ত হওয়ার জন্য ভিউপট নির্দিষ্ট করুন:

<head>
  <meta name="description" content="免费的 Web 教程">
  <meta name="keywords" content="HTML,CSS,JavaScript">
  <meta name="author" content="YK Investment">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

স্বয়ং প্রয়াস করুন

সিন্তাক্স

<meta name="value">

প্রতিভূতি

মূল্য বর্ণনা
application-name পৃষ্ঠা প্রতিনিধিত্বকারী ওয়েব অ্যাপ্লিকেশনের নাম নির্দিষ্ট করুন。
author

ডকুমেন্টের লেখকের নাম নির্দিষ্ট করুন। উদাহরণঃ

<meta name="author" content="YK Investment">
description

পৃষ্ঠার বর্ণনা নির্দিষ্ট করুন। চুম্বকীয় সার্চ এই বর্ণনা পড়ায় সার্চ ফলাফলে দেখাতে পারে। উদাহরণঃ

<meta name="description" content="免费的 Web 教程">
generator

ডকুমেন্ট তৈরির জন্য ব্যবহৃত সফটওয়্যার প্যাকেজগুলির মধ্যে একটি নির্দিষ্ট করুন (হাতে পৃষ্ঠা লেখার জন্য ব্যবহৃত না)। উদাহরণঃ

<meta name="generator" content="FrontPage 4.0">
keywords

পৃষ্ঠার সঙ্গে সংযুক্ত কীওয়ার্ড তালিকা নির্দিষ্ট করুন, কমা দিয়ে বিভক্ত। চুম্বকীয় সার্চ এই পৃষ্ঠার বিষয়ে জানান।

টিপস:সর্বদা কীভাবে বিন্যাস করবেন (সার্চ ইঞ্জিনগুলি পাতা শ্রেণীবিন্যাস করার জন্য)। উদাহরণস্বরূপ:

<meta name="keywords" content="HTML, meta tag, tag reference">
viewport ভিউপোর্ট নিয়ন্ত্রণ (ওয়েবসাইটের ব্যবহারকারীর দৃশ্যমান এলাকা)。

ব্যাখ্যা

পড়াশোনা তালিকায় উল্লিখিত ছয়টি প্রকারের মেটা ডাটা ছাড়াও, মেটা ডাটা সম্প্রসারণও ব্যবহার করা যেতে পারে। এই পাতা সংক্রান্ত একটি সংযুক্ত তালিকা পাবেন:

http://wiki.whatwg.org/wiki/MetaExtensions

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

<meta name="robots" content="noindex">

এই মেটা ডাটা প্রকারটির তিনটি মূল্যবোধ রয়েছে যা অধিকাংশ ব্রাউজার পড়তে পারে:

  • noindex - প্রদত্ত পাতা নিচ্ছিন্নভাবে সার্চ করা না হবে
  • noarchive - প্রদত্ত পাতা সংরক্ষণ করা না হবে
  • nofollow - প্রদত্ত পাতার লিঙ্কগুলিতে সার্চ করা না হবে

উপলব্ধ মেটা ডাটা সংস্করণ কম হলেও, ডেভেলপারদের সর্বদা অনলাইন তালিকা পড়া ভালো, যাতে তাঁদের প্রকল্পের জন্য কোনও উপলব্ধ কীভাবে জানতে পারেন。

টীকা

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

গুগল: সার্চ ইঞ্জিন অপটাইমাইজেশন (SEO) নবীন গাইড

https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn

বাইডু: বাইডু সার্চ ইঞ্জিন অপটাইমাইজেশন গাইড

https://ziyuan.baidu.com/college/articleinfo?id=1346

ভিউপোর্ট সেটিং

ভিউপোর্ট হল ওয়েবসাইটের ব্যবহারকারীর দৃশ্যমান এলাকা। এটি যন্ত্রের উপর নির্ভর করে - এটি মোবাইল ফোনে কম্পিউটার স্ক্রিনের চেয়ে ছোট হতে পারে。

আপনি সকল ওয়েবসাইটে নিচের <meta> ইলাকা অন্তর্ভুক্ত করবেন:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

এটি ব্রাউজারকে পাতা মাপ এবং স্কেল কন্ট্রোল করার কীভাবে জানায়

width=device-width অংশবিশেষকৃত, পাতার প্রস্থতা সেট করে, যার সাথে ডিভাইসের স্ক্রিন প্রস্থতা মানা হয় (ডিভাইস ভিত্তিক)

initial-scale=1.0 অংশবিশেষকৃত, ব্রাউজারটি পাতা লোড করার সময় প্রাথমিক জুজুম স্কেল সেট করে

এটি একটি ভিউপট মেটা ট্যাগ না করা ওয়েবসাইটের একটি উদাহরণ এবং ভিউপট মেটা ট্যাগ করা একই ওয়েবসাইট:



ভিউপট মেটা ট্যাগ ব্যবহার না করা


ভিউপট মেটা ট্যাগ ব্যবহার করা


টিপস:যদি আপনি মোবাইল কিংবা ট্যাবলেট থেকে এই পাতা দেখছেন, তাহলে নিচের দুটি লিঙ্কটি ক্লিক করে ভিন্নতা দেখতে পারেন。

আমাদেররেসপন্সিভ ওয়েব ডিজাইন - ভিউপট শিক্ষাদানভিউপটের বিষয়ে আরও শিক্ষা পান

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

HTML <meta> ট্যাগ