هدر سایت چیست و دقیقا کدام بخش از سایت است

در مقالات زیادی خوانده‌اید که گفته می‌شود هدر سایت خود را تغییر دهید یا فلان المان را در هدر سایت خود قرار دهید. شاید برای شما سؤال باشد که هدر سایت چیست و دقیقاً کجاست؟ در این مقاله به این سؤال پاسخ اساسی خواهیم داد.

هدر سایت چیست

اگر بخواهیم هدر سایت را دقیقاً توضیح دهیم در یک جمله می‌توان گفت هدر سایت بخشی از سایت شماست که در تمام صفحات در بالای سایت تکرار می‌شود. مثلاً سایت میهن وردپرس را باز کنید. بخشی سفیدرنگ بالای سایت است که در تمام صفحات آن را می‌بینید.

پس هدر بخشی است که در تمام صفحات تکرار می‌شود و در بالای سایت نمایش داده می‌شود. بیایید برای تمرین بیشتر هدر سایت گوگل را هم پیدا کنیم.

چگونه در وردپرس هدر بسازیم

برای ساخت هدر در وردپرس کافی است فایل header.php را در پوشه قالب سایت خود ایجاد کنید. سپس در هر فایلی که قصد دارید هدر نمایش داده شود، از کد استفاده کنید. البته به همین راحتی نیست و شما باید با حداقل توابع وردپرس آشنا باشید. انجام این کار را به‌صورت دقیق و مفصل در دوره آموزش طراحی قالب وردپرس توضیح داده‌ایم.

نکاتی که باید در ساخت هدر سایت رعایت کنیم

اما بهتر است چند نکته را درباره هدر سایت بدانیم و نکاتی را برای طراحی هدر سایت در نظر بگیریم.

حتما قرار نیست هدر در تمام صفحات یکسان باشد

طراحی برخی از وب‌سایت‌ها موجب می‌شود هدر در تمام صفحات یکسان نباشد. شاید نیاز باشد برای برخی از صفحات مثل صفحه ورود میهن وردپرس اصلاً هدر قرار ندهیم. یا شاید هم رنگ پس‌زمینه هدر برخی صفحات مختلف باشد. اصلاً شاید برخی از صفحات هدر متفاوتی داشته باشند. تمام این موارد بستگی به سلیقه طراح سایت دارد.

هدر برای سئو بسیار مهم است

شاید باور نکنید! اما بله هدر برای سئو سایت شما بسیار مهم است. چراکه در تمام صفحات سایت شما تکرار می‌شود و تاثیری مستقیم روی سرعت و بهینه‌سازی تمام صفحات سایت شما خواهد داشت.

مثلاً الگوریتم Top Heavy گوگل که تأثیری مستقیم روی نتایج ورودی گوگل شما دارد، الگوریتمی است که مستقیماً بر هدر و مشتقات آن نظارت دارد. این الگوریتم بررسی می‌کند که آیا محتوای قبل از محتوای سایت شما زیادی سنگین است یا خیر؟ آیا کاربر قبل از دیدن محتوای صفحه باید چند مگابایت از حجم اینترنت خود و زمان خود را صرف کند یا خیر؟ تمام این‌ها بر سئوی سایت شما تأثیر خواهد داشت.

بهتر است برای هدر از تگ HTML5 استفاده کنید

از نظر برنامه‌نویسی، برای مشاهده بهینه سایت شما در صفحه خوان‌ها و از نظر سئو بهتر است ابتدا و انتهای هدر را در HTML با تگ HTML5 مشخص کنید. این تگ با <header> شروع و با </header> بسته خواهد شد.

موفق باشید.

رضا راد

میلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان همچنان ادامه داره...