এসইওর উদ্দেশ্যে, এটি সত্য হতে পারে যে আদেশটি তাত্পর্যপূর্ণ নয়, সুরক্ষা, সামগ্রী (চরিত্র) প্রদর্শন, বা লোডিং গতির মতো অন্যান্য বিষয় বিবেচনা করার সময় এটি সত্য নয়। মোটামুটিভাবে আপনার পৃষ্ঠার মাথাটি অর্ডার করা ভাল ধারণা (সিনট্যাক্সের জন্য এইচটিএমএল 5 অনুমান করে):
<head>
দস্তাবেজটিতে এখনও অবধি আপনার কোনও ASCII বিহীন অক্ষর ব্যবহার করা উচিত হয়নি, তাই অক্ষর এনকোডিং এখনও কোনও সমস্যা নয়। আপনি যখন একবার এই হেড ট্যাগটি খোলেন তবে অ-এসসিআইআই অক্ষরগুলি ব্যবহার করার সম্ভাবনা স্পষ্টতই বেড়ে যায়। তদনুসারে (এবং ধরে নিচ্ছেন যে আপনি নিজের চরিত্রের এনকোডিংটিকে প্রোগ্রামগতভাবে বা সার্ভার পর্যায়ে ঘোষণা করছেন না), আপনার পরবর্তী বিবৃতিটি আপনার অক্ষর-এনকোডিং ঘোষণা করা উচিত। এটি পার্সার / ব্রাউজার / এজেন্টদেরও সন্তুষ্ট করে যা চরিত্রের এনকোডিং বিবৃতিগুলির জন্য স্নিফ করে be
<meta charset="utf-8">
নিম্নলিখিত দুটি ( X-UA-Compatibleএবং viewport) বুটস্ট্র্যাপে লোকেদের দ্বারা সুপারিশ করা হয়েছে (সম্প্রতি v3.3.4 হিসাবে)। যদিও আমি প্রায় ইতিবাচক যে এই সুপারিশগুলি পারফরম্যান্সের ভিত্তিতে, আমি যা বলব তার বেশিরভাগই অনুমানমূলক হবে:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
আপনি যদি ডিভাইস-অজোনস্টিক ডিজাইন / বিকাশ (ছোট, ডেস্কটপ ব্যবহারকারী নয় এমন এজেন্ট সহ) সম্পর্কে ভাবছেন তবে আপনার নিম্নলিখিতটি অন্তর্ভুক্ত করা উচিত:
<meta name="viewport" content="width=device-width, initial-scale=1">
শেষ অবধি, শিরোনাম:
<title>Ingenious Page Title</title>
এরপরে, আপনি শিরোনামের পরে যত তাড়াতাড়ি সম্ভব সিএসএস অফার করুন (তাদের মধ্যে কোনও 'দিবালোক' নেই):
<link rel="stylesheet" href="stylesheet-1.css">
<link rel="stylesheet" href="stylesheet-2.css">
আপনি যদি পৃষ্ঠা-স্তরের শৈলীগুলি ব্যবহার করেন তবে তারা এখানে যাবে would এটি মূলত সিএসএসের 'ক্যাসকেডিং' প্রকৃতির কারণে: নির্দিষ্টতার স্বতন্ত্র স্তরের সর্বশেষ শৈলীর ঘোষণা (যেমন দুটি অনুচ্ছেদে যা অনুচ্ছেদে লক্ষ্য করে p) target বাহ্যিক শৈলীর ওভাররাইডকে আরও সহজ করার জন্য (যেমন বৃহত্তর সুনির্দিষ্টতা ব্যবহার না করে বা !important), আপনার পৃষ্ঠা-স্তরের শৈলীগুলি বাহ্যিক শৈলীর ( <link>গুলি) এর পরে রাখা উচিত । এছাড়াও, পৃষ্ঠা-স্তরের শৈলীতে @ গুরুত্বপূর্ণ নির্দেশনা ব্যবহার করা সাধারণত অনাকাঙ্ক্ষিত, কারণ এটি অন্যান্য স্টাইলের সম্পদের একযোগে ডাউনলোড করতে বাধা সৃষ্টি করবে:
<style>body{color:black;}</style>
এটি এমন পয়েন্ট যেখানে মেটা ট্যাগ, ফ্যাভিকন এবং অন্যান্য ক্রাফ্ট স্থাপন করা সবচেয়ে উপযুক্ত বলে মনে হয়। এটি বিতর্কযোগ্য যে ফ্যাভিকন বা অনুরূপ সম্পদ (যেমন আইওএস অ্যাপ্লিকেশন চিত্রগুলি) বেশিরভাগ মেটা ট্যাগের আগে লোড হবে, কারণ এই সম্পদগুলি ডাউনলোড করা খুব শীঘ্রই শুরু হয়ে যায়।
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-icon.png">
<meta name="description" content="Some information that is descriptive of the content">
<meta name="generator" content="Microsoft FrontPage 2002">
কারণ এটি রেন্ডারিংকে বাধা দেয় / বিলম্ব করে, যদি আপনি স্ক্রিপ্টগুলির প্রয়োজন মনে করেন তবে যুক্তিযুক্ত হিসাবে দেরি করুন। যদি তাদের অবশ্যই থাকে তবে আপনি ( ) headবন্ধ হওয়ার আগে এগুলি লোড করতে পারেন । আপনি যদি পরে এগুলি লোড করতে পারেন তবে ট্যাগ ( ) বন্ধ করার আগে এগুলি রাখুন ।head</head>body</body>
<script src="script-1.js"></script>
<script src="script-2.js"></script>
</head>
এসইও উদ্দেশ্যে মেটা ট্যাগের ক্রমটিতে খুব বেশি মনোযোগ দেওয়া বেশিরভাগ ক্ষেত্রে অযৌক্তিক বলে মনে হয়, প্রদত্ত বুদ্ধি (অর্থাৎ অনুসন্ধান ইঞ্জিন মাকড়সা) পুরো পৃষ্ঠাটি গ্রাস করতে চলেছে। অন্যথায়, তারা কীভাবে কোনও পৃষ্ঠার সামগ্রীকে সূচী করবে, বা সেই সূচিটি পরে আপডেট করবে?
এটি আমার কাছে উল্লেখযোগ্য যে আমরা যা জানি এবং আমরা ওয়েবে যে সমস্ত প্রস্তাবনাগুলি পেয়েছি (এমনকি গুগল এবং বিং ওয়েবমাস্টার সরঞ্জাম ইত্যাদির মতো জায়গা থেকেও), অ্যামাজন, গুগল এবং অন্যান্য লোকেরা যেমন স্পষ্টভাবে যত্ন নেয় তাদের জন্য এই জাতীয় বিয়োগ কার্যকারিতা সম্পর্কে এই বিধিগুলি অনুসরণ করে না।