 |
| HTML META |
HTML-এ, মেটা ট্যাগগুলি মেটাডেটা বা ওয়েব পৃষ্ঠা সম্পর্কে অতিরিক্ত তথ্য প্রদান করতে ব্যবহৃত হয়। মেটা ট্যাগগুলি একটি HTML নথির <head> বিভাগে, সাধারণত <head> এবং </head> ট্যাগের মধ্যে স্থাপন করা হয়। আপনি কীভাবে আপনার HTML নথিতে মেটা ট্যাগ যুক্ত করতে পারেন তার একটি উদাহরণ এখানে দেওয়া হলঃ-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Specify the character encoding for the document -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Specify the viewport settings for responsive design -->
<title>My Web Page</title>
<!-- Set the title of the web page -->
<meta name="description" content=" This is a brief description
of my web page">
<!-- Provide a brief description of the web page -->
<meta name="keywords" content="keyword1, keyword2, keyword3">
<!-- Specify keywords for search engine optimization (SEO) -->
<meta name="author" content="Your Name">
<!-- Specify the author of the web page -->
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে, বেশ কয়েকটি মেটা ট্যাগ ব্যবহার করা হয়েছেঃ-
1. <meta charset="utf-8">:
এটি HTML নথির জন্য অক্ষর এনকোডিং নির্দিষ্ট করে। এটি সাধারণত UTF-8-এ সেট করা থাকে, যা বিভিন্ন স্ক্রিপ্ট এবং ভাষার বিস্তৃত অক্ষর সমর্থন করে।
2. <meta name="viewport" content="width=device-width, initial-scale=1.0">:
2. <meta name="viewport" content="width=device-width, initial-scale=1.0">:
এটি প্রতিক্রিয়াশীল ডিজাইনের জন্য ভিউপোর্ট সেটিংস নির্দিষ্ট করে৷ এটি সাধারণত মোবাইল ডিভাইস এবং ডেস্কটপ কম্পিউটারের মতো বিভিন্ন স্ক্রীন মাপের বিভিন্ন ডিভাইসে ওয়েব পৃষ্ঠা সঠিকভাবে প্রদর্শিত হয় তা নিশ্চিত করতে ব্যবহৃত হয়।
3. <title> my webpage </title>:
3. <title> my webpage </title>:
এটি ওয়েব পৃষ্ঠার শিরোনাম সেট করে, যা ব্রাউজারের শিরোনাম বার বা ট্যাবে প্রদর্শিত হয়।
4. <meta name="description" content=" This is a brief description of my web page">:
4. <meta name="description" content=" This is a brief description of my web page">:
এটি ওয়েব পৃষ্ঠার একটি সংক্ষিপ্ত বিবরণ প্রদান করে, যা প্রায়শই সার্চ ইঞ্জিন ফলাফলে একটি স্নিপেট হিসাবে প্রদর্শিত হয় ৷
5. <meta name="keywords" content="keyword1, keyword2, keyword3">:
5. <meta name="keywords" content="keyword1, keyword2, keyword3">:
এটি ওয়েব পৃষ্ঠার বিষয়বস্তুর সাথে প্রাসঙ্গিক কীওয়ার্ডগুলিকে নির্দিষ্ট করে৷ যদিও এসইও উদ্দেশ্যে সার্চ ইঞ্জিনগুলি ব্যাপকভাবে ব্যবহৃত হয় না, তবুও এটি রেফারেন্সের জন্য ব্যবহার করা যেতে পারে।
6. <meta name="author" content="Your Name">:
6. <meta name="author" content="Your Name">:
এটি ওয়েব পৃষ্ঠার লেখককে নির্দিষ্ট করে, যা অ্যাট্রিবিউশন বা যোগাযোগের তথ্যের জন্য উপযোগী হতে পারে।
এগুলি মেটা ট্যাগের কিছু উদাহরণ যা আপনি আপনার ওয়েব পৃষ্ঠা সম্পর্কে অতিরিক্ত তথ্য প্রদান করতে HTML এ ব্যবহার করতে পারেন। বিভিন্ন উদ্দেশ্যে উপলব্ধ অন্যান্য অনেক মেটা ট্যাগ আছে, এবং আপনি আপনার নির্দিষ্ট প্রয়োজন অনুসারে তাদের কাস্টমাইজ করতে পারেন।
এগুলি মেটা ট্যাগের কিছু উদাহরণ যা আপনি আপনার ওয়েব পৃষ্ঠা সম্পর্কে অতিরিক্ত তথ্য প্রদান করতে HTML এ ব্যবহার করতে পারেন। বিভিন্ন উদ্দেশ্যে উপলব্ধ অন্যান্য অনেক মেটা ট্যাগ আছে, এবং আপনি আপনার নির্দিষ্ট প্রয়োজন অনুসারে তাদের কাস্টমাইজ করতে পারেন।
এটা মনে রাখা গুরুত্বপূর্ণ যে মেটা ট্যাগগুলির ব্যবহার শিল্পের মান, SEO সেরা অনুশীলন এবং অন্যান্য কারণের উপর নির্ভর করে পরিবর্তিত হতে পারে, তাই সেই অনুযায়ী গবেষণা করা এবং প্রয়োগ করা সর্বদা একটি ভাল ধারণা।
Keyword নির্দিষ্ট করাঃ-
HTML-এ, আপনি আপনার ওয়েব পেজের বিষয়বস্তুর সাথে সম্পর্কিত কীওয়ার্ডগুলি নির্দিষ্ট করতে পারেন <meta> ট্যাগ ব্যবহার করে যার নাম বৈশিষ্ট্য "কীওয়ার্ড" এ সেট করা আছে। এখানে একটি উদাহরণঃ-
উপরের উদাহরণে, <meta> ট্যাগটি "কীওয়ার্ড"-এ সেট করা নামের বৈশিষ্ট্য সহ ওয়েব পৃষ্ঠার বিষয়বস্তুর সাথে প্রাসঙ্গিক কীওয়ার্ডগুলির একটি কমা-বিভাজিত তালিকা নির্দিষ্ট করতে ব্যবহৃত হয়।
Keyword নির্দিষ্ট করাঃ-
HTML-এ, আপনি আপনার ওয়েব পেজের বিষয়বস্তুর সাথে সম্পর্কিত কীওয়ার্ডগুলি নির্দিষ্ট করতে পারেন <meta> ট্যাগ ব্যবহার করে যার নাম বৈশিষ্ট্য "কীওয়ার্ড" এ সেট করা আছে। এখানে একটি উদাহরণঃ-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<!-- Other meta tags and head elements -->
<title>My Web Page</title>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে, <meta> ট্যাগটি "কীওয়ার্ড"-এ সেট করা নামের বৈশিষ্ট্য সহ ওয়েব পৃষ্ঠার বিষয়বস্তুর সাথে প্রাসঙ্গিক কীওয়ার্ডগুলির একটি কমা-বিভাজিত তালিকা নির্দিষ্ট করতে ব্যবহৃত হয়।
এই কীওয়ার্ডগুলি সার্চ ইঞ্জিন দ্বারা সূচীকরণ এবং র্যাঙ্কিংয়ের উদ্দেশ্যে ব্যবহার করা যেতে পারে, যদিও সময়ের সাথে সাথে এসইও-এর জন্য মেটা কীওয়ার্ডের তাৎপর্য হ্রাস পেয়েছে এবং অনেক সার্চ ইঞ্জিন এখন তাদের শক্তিশালী র্যাঙ্কিং ফ্যাক্টর হিসেবে বিবেচনা করে না।
<meta> ট্যাগে কীওয়ার্ড নির্দিষ্ট করার সময়, আপনার ওয়েব পৃষ্ঠার বিষয়বস্তুকে সঠিকভাবে প্রতিফলিত করে এমন প্রাসঙ্গিক এবং অর্থপূর্ণ কীওয়ার্ড বেছে নেওয়া গুরুত্বপূর্ণ।
<meta> ট্যাগে কীওয়ার্ড নির্দিষ্ট করার সময়, আপনার ওয়েব পৃষ্ঠার বিষয়বস্তুকে সঠিকভাবে প্রতিফলিত করে এমন প্রাসঙ্গিক এবং অর্থপূর্ণ কীওয়ার্ড বেছে নেওয়া গুরুত্বপূর্ণ।
কীওয়ার্ড স্টাফিং বা অপ্রাসঙ্গিক কীওয়ার্ড ব্যবহার করা এড়িয়ে চলুন, কারণ এটি স্প্যামি হিসাবে দেখা যেতে পারে এবং আপনার ওয়েব পৃষ্ঠার এসইওতে নেতিবাচক প্রভাব ফেলতে পারে।
এটিও লক্ষণীয় যে আধুনিক সার্চ ইঞ্জিনগুলি একটি পেজের প্রাসঙ্গিকতা এবং র্যাঙ্কিং নির্ধারণ করতে মেটা কীওয়ার্ডের পরিবর্তে ওয়েব পেজের প্রকৃত বিষয়বস্তুর উপর নির্ভর করে।
এটিও লক্ষণীয় যে আধুনিক সার্চ ইঞ্জিনগুলি একটি পেজের প্রাসঙ্গিকতা এবং র্যাঙ্কিং নির্ধারণ করতে মেটা কীওয়ার্ডের পরিবর্তে ওয়েব পেজের প্রকৃত বিষয়বস্তুর উপর নির্ভর করে।
তাই, এসইও-এর জন্য শুধুমাত্র মেটা কীওয়ার্ডের উপর নির্ভর না করে, উচ্চ-মানের, প্রাসঙ্গিক, এবং আকর্ষক বিষয়বস্তু তৈরিতে মনোযোগ দেওয়া অপরিহার্য যা স্বাভাবিকভাবেই প্রাসঙ্গিক কীওয়ার্ডগুলিকে অন্তর্ভুক্ত করে।
Document Description:
HTML এ, আপনি <meta> ট্যাগ ব্যবহার করে একটি নথির বিবরণ নির্দিষ্ট করতে পারেন যার নাম বৈশিষ্ট্য "description" এ সেট করা আছে।
Document Description:
HTML এ, আপনি <meta> ট্যাগ ব্যবহার করে একটি নথির বিবরণ নির্দিষ্ট করতে পারেন যার নাম বৈশিষ্ট্য "description" এ সেট করা আছে।
বর্ণনা হল ওয়েব পৃষ্ঠার বিষয়বস্তুর একটি সংক্ষিপ্ত সারাংশ বা ওভারভিউ, এবং এটি সার্চ ইঞ্জিন এবং অন্যান্য ওয়েব পরিষেবা দ্বারা সার্চ ফলাফল বা অন্যান্য প্রসঙ্গে পৃষ্ঠার বিষয়বস্তুর একটি সংক্ষিপ্ত পূর্বরূপ প্রদান করতে ব্যবহার করা যেতে পারে।
আপনি কীভাবে আপনার HTML নথিতে একটি নথির বিবরণ যোগ করতে পারেন তার একটি উদাহরণ এখানে দেওয়া হলঃ-
উপরের উদাহরণে, "description" এ সেট করা নামের বৈশিষ্ট্য সহ <meta> ট্যাগটি নথির বিবরণ নির্দিষ্ট করতে ব্যবহৃত হয়। বিষয়বস্তু বৈশিষ্ট্যে প্রকৃত বর্ণনা পাঠ্য রয়েছে, যা ওয়েব পৃষ্ঠার বিষয়বস্তুর একটি সংক্ষিপ্ত এবং অর্থপূর্ণ সারাংশ হওয়া উচিত।
আপনার ওয়েব পৃষ্ঠার বিষয়বস্তুকে সঠিকভাবে প্রতিফলিত করে এমন একটি আকর্ষক এবং সঠিক নথির বিবরণ তৈরি করা গুরুত্বপূর্ণ।
আপনি কীভাবে আপনার HTML নথিতে একটি নথির বিবরণ যোগ করতে পারেন তার একটি উদাহরণ এখানে দেওয়া হলঃ-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content=" This is a brief summary
of the content of my web page.">
<!-- Other meta tags and head elements -->
<title>My Web Page</title>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে, "description" এ সেট করা নামের বৈশিষ্ট্য সহ <meta> ট্যাগটি নথির বিবরণ নির্দিষ্ট করতে ব্যবহৃত হয়। বিষয়বস্তু বৈশিষ্ট্যে প্রকৃত বর্ণনা পাঠ্য রয়েছে, যা ওয়েব পৃষ্ঠার বিষয়বস্তুর একটি সংক্ষিপ্ত এবং অর্থপূর্ণ সারাংশ হওয়া উচিত।
আপনার ওয়েব পৃষ্ঠার বিষয়বস্তুকে সঠিকভাবে প্রতিফলিত করে এমন একটি আকর্ষক এবং সঠিক নথির বিবরণ তৈরি করা গুরুত্বপূর্ণ।
এটি অনুসন্ধান ফলাফল এবং অন্যান্য প্রসঙ্গ যেখানে নথির বিবরণ প্রদর্শিত হয় সেখান থেকে ক্লিক-থ্রু রেট উন্নত করতে সাহায্য করতে পারে। কীওয়ার্ড স্টাফিং বা অপ্রাসঙ্গিক বা বিভ্রান্তিকর বর্ণনা ব্যবহার করা এড়িয়ে চলুন, কারণ এটি ব্যবহারকারীর অভিজ্ঞতা এবং আপনার ওয়েব পৃষ্ঠার SEO-কে নেতিবাচকভাবে প্রভাবিত করতে পারে।
মনে রাখবেন যে অনুসন্ধান ফলাফলে প্রদর্শিত নথির বিবরণের দৈর্ঘ্য সীমিত হতে পারে, সাধারণত প্রায় 150-160 অক্ষরের মধ্যে, তাই এটি সংক্ষিপ্ত এবং প্রাসঙ্গিক রাখা গুরুত্বপূর্ণ।
মনে রাখবেন যে অনুসন্ধান ফলাফলে প্রদর্শিত নথির বিবরণের দৈর্ঘ্য সীমিত হতে পারে, সাধারণত প্রায় 150-160 অক্ষরের মধ্যে, তাই এটি সংক্ষিপ্ত এবং প্রাসঙ্গিক রাখা গুরুত্বপূর্ণ।
Document Revision Date:
HTML-এ, আপনি <meta> ট্যাগ ব্যবহার করে একটি নথির সংশোধনের তারিখ বা সংস্করণ নির্দিষ্ট করতে পারেন যার নাম বৈশিষ্ট্য "তারিখ" এবং স্কিম বৈশিষ্ট্যটি "YYYY-MM-DD" বিন্যাসে সেট করা হয়েছে। এখানে একটি উদাহরণঃ-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="date" content="2023-04-16" scheme="YYYY-MM-DD">
<!-- Other meta tags and head elements -->
<title>My Web Page</title>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে, "তারিখ"-এ সেট করা নামের অ্যাট্রিবিউট সহ <meta> ট্যাগ এবং "YYYY-MM-DD" ফর্ম্যাটে পুনর্বিবেচনার তারিখে সেট করা বিষয়বস্তু অ্যাট্রিবিউট ডকুমেন্ট রিভিশনের তারিখ নির্দিষ্ট করে৷ তারিখের বিন্যাস নির্দেশ করতে স্কিম অ্যাট্রিবিউট "YYYY-MM-DD" সেট করা আছে।
যখনই আপনি আপনার ওয়েব পৃষ্ঠার বিষয়বস্তুতে উল্লেখযোগ্য পরিবর্তন করেন তখনই রিভিশনের তারিখ আপডেট করা গুরুত্বপূর্ণ যাতে ব্যবহারকারী এবং সার্চ ইঞ্জিনগুলিকে নির্দেশ করে যে ডকুমেন্টটি আপডেট করা হয়েছে ৷
এটি পরিবর্তন ট্র্যাকিং, সংস্করণ নিয়ন্ত্রণ, এবং ব্যবহারকারীদের সর্বাধিক আপ-টু-ডেট তথ্যে অ্যাক্সেস রয়েছে তা নিশ্চিত করার জন্য কার্যকর হতে পারে।
মনে রাখবেন যে <meta> ট্যাগে উল্লেখ করা পুনর্বিবেচনার তারিখটি স্বয়ংক্রিয়ভাবে ব্রাউজার বা সার্চ ইঞ্জিন দ্বারা আপডেট হয় না, এবং যখনই আপনি নথির বিষয়বস্তুতে পরিবর্তন করেন তখন ম্যানুয়ালি আপডেট করার দায়িত্ব আপনার।
Document Refreshing:
HTML-এ, আপনি একটি স্বয়ংক্রিয় ডকুমেন্ট রিফ্রেশ করতে পারেন <meta> ট্যাগ ব্যবহার করে http-equiv অ্যাট্রিবিউট সেট করে "রিফ্রেশ" এবং কন্টেন্ট অ্যাট্রিবিউট সেট করা সময় ব্যবধানে (সেকেন্ডে) এবং রিফ্রেশ করার জন্য ডকুমেন্টের URL। এখানে একটি উদাহরণঃ-
উপরের উদাহরণে, http-equiv অ্যাট্রিবিউট সহ <meta> ট্যাগ "রিফ্রেশ" এ সেট করা হয়েছে এবং বিষয়বস্তু অ্যাট্রিবিউট সেট করা হয়েছে "5;url=https://example.com/new-page" সুনির্দিষ্ট করে যে নথিটি স্বয়ংক্রিয়ভাবে 5 সেকেন্ড পরে রিফ্রেশ করা উচিত এবং পৃষ্ঠাটি যে URLটিতে পুনঃনির্দেশিত করা উচিত তা হল "https://example.com/new-page"।
কন্টেন্ট অ্যাট্রিবিউটে সময়ের ব্যবধান সেকেন্ডে নির্দিষ্ট করা হয় এবং আপনি স্বয়ংক্রিয় রিফ্রেশের জন্য এটিকে পছন্দসই সময়কালের সাথে সামঞ্জস্য করতে পারেন। কন্টেন্ট অ্যাট্রিবিউটের URLটি সেই ডকুমেন্টের পরম বা আপেক্ষিক URL হওয়া উচিত যেখানে পৃষ্ঠাটি রিফ্রেশ করার পরে পুনঃনির্দেশিত করা উচিত।
ডকুমেন্ট রিফ্রেশিংকে বুদ্ধিমানের সাথে ব্যবহার করা গুরুত্বপূর্ণ, কারণ স্বয়ংক্রিয় রিফ্রেশ ব্যবহারকারীর অভিজ্ঞতাকে ব্যাহত করতে পারে এবং অ্যাক্সেসযোগ্যতাকে প্রভাবিত করতে পারে।
মনে রাখবেন যে <meta> ট্যাগে উল্লেখ করা পুনর্বিবেচনার তারিখটি স্বয়ংক্রিয়ভাবে ব্রাউজার বা সার্চ ইঞ্জিন দ্বারা আপডেট হয় না, এবং যখনই আপনি নথির বিষয়বস্তুতে পরিবর্তন করেন তখন ম্যানুয়ালি আপডেট করার দায়িত্ব আপনার।
Document Refreshing:
HTML-এ, আপনি একটি স্বয়ংক্রিয় ডকুমেন্ট রিফ্রেশ করতে পারেন <meta> ট্যাগ ব্যবহার করে http-equiv অ্যাট্রিবিউট সেট করে "রিফ্রেশ" এবং কন্টেন্ট অ্যাট্রিবিউট সেট করা সময় ব্যবধানে (সেকেন্ডে) এবং রিফ্রেশ করার জন্য ডকুমেন্টের URL। এখানে একটি উদাহরণঃ-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="refresh" content="5;url=https://example.com/
new-page">
<!-- Other meta tags and head elements -->
<title>My Web Page</title>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে, http-equiv অ্যাট্রিবিউট সহ <meta> ট্যাগ "রিফ্রেশ" এ সেট করা হয়েছে এবং বিষয়বস্তু অ্যাট্রিবিউট সেট করা হয়েছে "5;url=https://example.com/new-page" সুনির্দিষ্ট করে যে নথিটি স্বয়ংক্রিয়ভাবে 5 সেকেন্ড পরে রিফ্রেশ করা উচিত এবং পৃষ্ঠাটি যে URLটিতে পুনঃনির্দেশিত করা উচিত তা হল "https://example.com/new-page"।
কন্টেন্ট অ্যাট্রিবিউটে সময়ের ব্যবধান সেকেন্ডে নির্দিষ্ট করা হয় এবং আপনি স্বয়ংক্রিয় রিফ্রেশের জন্য এটিকে পছন্দসই সময়কালের সাথে সামঞ্জস্য করতে পারেন। কন্টেন্ট অ্যাট্রিবিউটের URLটি সেই ডকুমেন্টের পরম বা আপেক্ষিক URL হওয়া উচিত যেখানে পৃষ্ঠাটি রিফ্রেশ করার পরে পুনঃনির্দেশিত করা উচিত।
ডকুমেন্ট রিফ্রেশিংকে বুদ্ধিমানের সাথে ব্যবহার করা গুরুত্বপূর্ণ, কারণ স্বয়ংক্রিয় রিফ্রেশ ব্যবহারকারীর অভিজ্ঞতাকে ব্যাহত করতে পারে এবং অ্যাক্সেসযোগ্যতাকে প্রভাবিত করতে পারে।
ব্যবহারকারীদের একটি স্পষ্ট ইঙ্গিত প্রদান নিশ্চিত করুন যে পৃষ্ঠাটি রিফ্রেশ করা হবে, এবং নিশ্চিত করুন যে সময় ব্যবধান আপনার ওয়েব পৃষ্ঠার বিষয়বস্তু এবং উদ্দেশ্যের জন্য উপযুক্ত। অত্যধিক অল্প সময়ের ব্যবধান ব্যবহার করা এড়িয়ে চলুন, কারণ এর ফলে ব্যবহারকারীর অভিজ্ঞতা খারাপ হতে পারে এবং ব্যবহারকারীদের দ্বারা অনুপ্রবেশকারী হিসাবে দেখা যেতে পারে।
HTML-এ, আপনি একটি ওয়েব পৃষ্ঠাকে একটি ভিন্ন URL-এ পুনঃনির্দেশ করতে পারেন <meta> ট্যাগ সহ http-equiv অ্যাট্রিবিউট "রিফ্রেশ" তে সেট করা হয়েছে এবং পুনঃনির্দেশের জন্য সময়ের ব্যবধান সহ গন্তব্য পৃষ্ঠার URL-এ সেট করা বিষয়বস্তু বৈশিষ্ট্য। এখানে একটি উদাহরণঃ-
Page Redirection:
HTML-এ, আপনি একটি ওয়েব পৃষ্ঠাকে একটি ভিন্ন URL-এ পুনঃনির্দেশ করতে পারেন <meta> ট্যাগ সহ http-equiv অ্যাট্রিবিউট "রিফ্রেশ" তে সেট করা হয়েছে এবং পুনঃনির্দেশের জন্য সময়ের ব্যবধান সহ গন্তব্য পৃষ্ঠার URL-এ সেট করা বিষয়বস্তু বৈশিষ্ট্য। এখানে একটি উদাহরণঃ-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="refresh" content="5;url=https://example.com/
new-page">
<!-- Other meta tags and head elements -->
<title>My Web Page</title>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে, http-equiv অ্যাট্রিবিউট সহ <meta> ট্যাগ "রিফ্রেশ" এ সেট করা হয়েছে এবং বিষয়বস্তু অ্যাট্রিবিউট সেট করা হয়েছে "5;url=https://example.com/new-page" নির্দিষ্ট করে যে নথিটি স্বয়ংক্রিয়ভাবে পুনঃনির্দেশিত করা উচিত "https://example.com/new-page"5 সেকেন্ড পরে।
কন্টেন্ট অ্যাট্রিবিউটে সময়ের ব্যবধান সেকেন্ডের মধ্যে নির্দিষ্ট করা হয় এবং আপনি এটিকে পুনঃনির্দেশের জন্য পছন্দসই সময়কালের সাথে সামঞ্জস্য করতে পারেন।
কন্টেন্ট অ্যাট্রিবিউটের URLটি গন্তব্য পৃষ্ঠার পরম বা আপেক্ষিক URL হওয়া উচিত যেখানে পৃষ্ঠাটিকে পুনঃনির্দেশিত করা উচিত।
এটা মনে রাখা গুরুত্বপূর্ণ যে পৃষ্ঠা পুনঃনির্দেশের জন্য একটি মেটা রিফ্রেশ ব্যবহার করা প্রস্তাবিত পদ্ধতি নয়, কারণ এতে সম্ভাব্য SEO সমস্যা, ব্যবহারকারীর অভিজ্ঞতার ব্যাঘাত এবং অ্যাক্সেসযোগ্যতার উদ্বেগ সহ কিছু ত্রুটি রয়েছে।
এটা মনে রাখা গুরুত্বপূর্ণ যে পৃষ্ঠা পুনঃনির্দেশের জন্য একটি মেটা রিফ্রেশ ব্যবহার করা প্রস্তাবিত পদ্ধতি নয়, কারণ এতে সম্ভাব্য SEO সমস্যা, ব্যবহারকারীর অভিজ্ঞতার ব্যাঘাত এবং অ্যাক্সেসযোগ্যতার উদ্বেগ সহ কিছু ত্রুটি রয়েছে।
আরও শক্তিশালী এবং SEO-বান্ধব পৃষ্ঠা পুনঃনির্দেশের জন্য সাধারণত HTTP 301 বা 302 পুনঃনির্দেশের মতো সার্ভার-সাইড পুনঃনির্দেশ কৌশলগুলি ব্যবহার করার পরামর্শ দেওয়া হয়।
Setting Cookies:
HTML-এ কুকিজ সেট করা সরাসরি সম্ভব নয়, কারণ HTML হল একটি মার্কআপ ভাষা যা ওয়েব পৃষ্ঠাগুলির গঠন এবং বিষয়বস্তু তৈরির জন্য ব্যবহৃত হয়।
Setting Cookies:
HTML-এ কুকিজ সেট করা সরাসরি সম্ভব নয়, কারণ HTML হল একটি মার্কআপ ভাষা যা ওয়েব পৃষ্ঠাগুলির গঠন এবং বিষয়বস্তু তৈরির জন্য ব্যবহৃত হয়।
যাইহোক, আপনি JavaScript ব্যবহার করতে পারেন, যা একটি স্ক্রিপ্টিং ভাষা যা HTML এ এম্বেড করা যেতে পারে, একটি ওয়েব পেজে কুকি সেট করতে।
HTML এ একটি কুকি সেট করতে আপনি কীভাবে জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন তার একটি উদাহরণ এখানে দেওয়া হলঃ-
উপরের উদাহরণে, setCookie() ফাংশনটি HTML ডকুমেন্টের <head> বিভাগে একটি <script> উপাদানে সংজ্ঞায়িত করা হয়েছে। এই ফাংশনটি তিনটি পরামিতি নেয়: কুকির নাম, কুকির মান এবং কত দিনের জন্য কুকি বৈধ হওয়া উচিত (এই উদাহরণে, 7 দিন)।
HTML এ একটি কুকি সেট করতে আপনি কীভাবে জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন তার একটি উদাহরণ এখানে দেওয়া হলঃ-
<!DOCTYPE html>
<html>
<head>
<script> // Function to set a cookie function setCookie
(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime()
+ (exdays * 24 * 60 * 60 * 1000)); var expires =
"expires=" + d.toUTCString(); document.cookie = cname + "=" +
cvalue + ";" + expires + ";path=/"; } // Example usage: set a
cookie with name "username" and value "John" that expires in 7
days setCookie("username", "John", 7); </script>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে, setCookie() ফাংশনটি HTML ডকুমেন্টের <head> বিভাগে একটি <script> উপাদানে সংজ্ঞায়িত করা হয়েছে। এই ফাংশনটি তিনটি পরামিতি নেয়: কুকির নাম, কুকির মান এবং কত দিনের জন্য কুকি বৈধ হওয়া উচিত (এই উদাহরণে, 7 দিন)।
কুকির মেয়াদ শেষ হওয়ার তারিখ গণনা করতে ফাংশনটি JavaScript এর তারিখ অবজেক্ট ব্যবহার করে এবং তারপর document.cookie প্রপার্টি ব্যবহার করে কুকি সেট করে।
মনে রাখবেন যে কুকিগুলি ক্লায়েন্ট-সাইড স্টোরেজ এবং ব্যবহারকারীর ব্রাউজারে সংরক্ষণ করা হয়। কুকিতে সংরক্ষিত ডেটা ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট কোড এবং সার্ভার-সাইড স্ক্রিপ্ট উভয় দ্বারা অ্যাক্সেস করা যেতে পারে।
মনে রাখবেন যে কুকিগুলি ক্লায়েন্ট-সাইড স্টোরেজ এবং ব্যবহারকারীর ব্রাউজারে সংরক্ষণ করা হয়। কুকিতে সংরক্ষিত ডেটা ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট কোড এবং সার্ভার-সাইড স্ক্রিপ্ট উভয় দ্বারা অ্যাক্সেস করা যেতে পারে।
উপরন্তু, কুকির ব্যবহার গোপনীয়তা এবং নিরাপত্তা বিবেচনার বিষয়, এবং সর্বোত্তম অভ্যাস এবং প্রাসঙ্গিক আইন ও প্রবিধান অনুযায়ী যথাযথভাবে তাদের পরিচালনা করা গুরুত্বপূর্ণ।
Author Name Set:
HTML-এ, আপনি <meta> ট্যাগ ব্যবহার করে একটি ওয়েব পৃষ্ঠার লেখকের নাম উল্লেখ করতে পারেন যার নাম বৈশিষ্ট্য "author" এ সেট করা হয়েছে এবং বিষয়বস্তু বৈশিষ্ট্যটি পছন্দসই লেখকের নামে সেট করা হয়েছে। এখানে একটি উদাহরণঃ-
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="John Doe">
<title>My Web Page</title>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে, <meta> ট্যাগটি HTML নথির <head> বিভাগে স্থাপন করা হয়েছে। নামের বৈশিষ্ট্যটি "লেখক" এ সেট করা হয়েছে যাতে এটি ওয়েব পৃষ্ঠার লেখককে নির্দিষ্ট করে। লেখকের নাম নির্দিষ্ট করার জন্য বিষয়বস্তুর বৈশিষ্ট্য "জন ডো" এ সেট করা হয়েছে।
<meta> ট্যাগে লেখকের নাম অন্তর্ভুক্ত করা সার্চ ইঞ্জিন, সোশ্যাল মিডিয়া শেয়ারিং এবং অন্যান্য মেটাডেটা উদ্দেশ্যে ওয়েব পেজের লেখক সম্পর্কে তথ্য প্রদান করতে সাহায্য করতে পারে।
যাইহোক, মনে রাখবেন যে এই তথ্যটি ওয়েব পৃষ্ঠায় প্রদর্শিত হয় না এবং প্রাথমিকভাবে পর্দার পিছনের মেটাডেটার জন্য ব্যবহৃত হয়। আপনি যদি ওয়েব পৃষ্ঠার সামগ্রীতে লেখকের নাম প্রদর্শন করতে চান তবে আপনি নিয়মিত HTML উপাদান যেমন <h1>, <h2>, <p> ইত্যাদি ব্যবহার করতে পারেন এবং বিষয়বস্তুর অংশ হিসাবে লেখকের নাম অন্তর্ভুক্ত করতে পারেন।
Specify Character Set:
HTML এ, আপনি ব্যবহার করে আপনার ওয়েব পৃষ্ঠার অক্ষর সেট এনকোডিং নির্দিষ্ট করতে পারেন<মেটা> দিয়ে ট্যাগ করুনঅক্ষর সেট বৈশিষ্ট্য অক্ষর সেট এনকোডিং নির্ধারণ করে যে কীভাবে আপনার HTML নথিতে অক্ষরগুলি এনকোড করা হয় এবং ওয়েব ব্রাউজার দ্বারা ব্যাখ্যা করা হয়। এখানে একটি উদাহরণঃ-
Specify Character Set:
HTML এ, আপনি ব্যবহার করে আপনার ওয়েব পৃষ্ঠার অক্ষর সেট এনকোডিং নির্দিষ্ট করতে পারেন<মেটা> দিয়ে ট্যাগ করুনঅক্ষর সেট বৈশিষ্ট্য অক্ষর সেট এনকোডিং নির্ধারণ করে যে কীভাবে আপনার HTML নথিতে অক্ষরগুলি এনকোড করা হয় এবং ওয়েব ব্রাউজার দ্বারা ব্যাখ্যা করা হয়। এখানে একটি উদাহরণঃ-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Web Page</title>
</head>
<body>
<!-- Your web page content here -->
</body>
</html>
উপরের উদাহরণে,<মেটা> ট্যাগ স্থাপন করা হয়<মাথা> HTML নথির বিভাগ। দ্যঅক্ষর সেট বৈশিষ্ট্য "UTF-8" এ সেট করা হয়েছে, যা একটি বহুল ব্যবহৃত অক্ষর সেট এনকোডিং যা বিভিন্ন ভাষা এবং স্ক্রিপ্ট থেকে বিস্তৃত অক্ষর সমর্থন করে।
আপনার ওয়েব পৃষ্ঠাটি বিশেষ অক্ষর, উচ্চারিত অক্ষর এবং অ-ASCII অক্ষর সঠিকভাবে প্রদর্শন করে তা নিশ্চিত করার জন্য সঠিক অক্ষর সেট এনকোডিং নির্দিষ্ট করা গুরুত্বপূর্ণ। UTF-8 অক্ষর সেট এনকোডিংয়ের জন্য একটি সাধারণ পছন্দ কারণ এটি অক্ষরের একটি বিস্তৃত পরিসর সমর্থন করে এবং আধুনিক ওয়েব ব্রাউজারগুলির দ্বারা ব্যাপকভাবে সমর্থিত।
যাইহোক, আপনার ওয়েব পৃষ্ঠার প্রয়োজনীয়তা এবং আপনি যে বিষয়বস্তু প্রদর্শন করছেন তার উপর নির্ভর করে আপনাকে একটি ভিন্ন অক্ষর সেট এনকোডিং নির্দিষ্ট করতে হতে পারে।
If you have any doubts, please let me know