Heading | سرفصل

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

اسکلت معنایی صفحه برای چشم و طرح کلی

سرفصل مرز موضوع را می‌کشد: اینجا قیمت تمام می‌شود، اینجا سوالات متداول شروع می‌شود. بدون سرفصل، دیوار متن یا دیوار کنترل‌ها شکل می‌گیرد و بار شناختی بالا می‌رود. در مقاله، سرفصل ریتم مطالعه می‌سازد؛ در رابط تنظیمات، برچسب گروه‌ها را جدا می‌کند؛ در داشبورد، بلوک‌های داده را نام‌گذاری می‌کند. قدرت سرفصل در وعدهٔ صادقانه است: متن زیر آن باید همان چیزی را تحویل دهد که عنوان اعلام کرده، نه تبلیغ کلی و محتوای نامربوط.

از نگاه معماری اطلاعات، درخت سرفصل همان نقشهٔ صفحه است. تیم محتوا و طراحی باید پیش از تزئین بصری، این درخت را توافق کنند. وقتی درخت روشن باشد، حذف و جابه‌جایی بخش‌ها کم‌هزینه‌تر می‌شود و ترجمه به زبان‌های دیگر کمتر ساختار را می‌شکند.

سلسله‌مراتب سطوح؛ معنا جدا از اندازهٔ فونت

در HTML سطوح عنوان از یک تا شش وجود دارد، اما بیشتر صفحه‌ها به دو یا سه سطح واقعی نیاز دارند. قاعدهٔ ساختاری مهم‌تر از تعداد است: یک عنوان سطح بالای صفحه که موضوع اصلی را نام می‌برد، سپس سطوح پایین‌تر بدون پرش. پرش از سطح یک به سطح سه طرح کلی را برای صفحه‌خوان و خزنده معیوب می‌کند. اشتباه کلاسیک انتخاب سطح به‌خاطر اندازهٔ فونت است: طراح سطح سه را می‌خواهد چون کوچک‌تر است، در حالی که از نظر معنا فرزند مستقیم سطح یک است. اندازه را سیستم طراحی با استایل جدا تنظیم می‌کند؛ سطح را ساختار محتوا تعیین می‌کند.

عنوان سطح بالا باید یکتا و توصیفی باشد. تکرار همان برند در هر صفحه به‌عنوان تنها سرفصل، به اسکن و سئو کمک نمی‌کند. زیربخش‌ها نام مشخص می‌گیرند تا کاربر بداند تفاوت «قیمت‌گذاری» با «مقایسهٔ پلن‌ها» چیست. در رابط‌های پیچیده، وسوسهٔ استفاده از همهٔ شش سطح نشانهٔ آن است که شاید صفحه بیش از حد فشرده شده و باید شکسته شود.

تمایز قطعی با هدر صفحه و کروم رابط

واژهٔ هدر و سرفصل در گفتگو مدام جابه‌جا می‌شوند و هزینه می‌سازند. هدر منطقهٔ بالای صفحه است: لوگو، منو، حساب. سرفصل عنوان بخش محتواست. یک صفحه معمولاً یک هدر سراسری و چندین سرفصل دارد. قواعد دسترس‌پذیری طرح کلی و سیگنال سئو بیشتر به سرفصل‌ها مربوط می‌شوند؛ الگوهای چیدمان چسبان و ناوبری به هدر. اگر در مشخصات بنویسید «هدر را درشت کن» بدون روشن کردن کدام منظور است، مهندس ممکن است نوار سایت را عوض کند یا برعکس سطح عنوان را.

عنوان داخل کارت یا مودال هم می‌تواند سرفصل معنایی باشد؛ باید سطح درست نسبت به صفحه انتخاب شود یا با الگوی عنوان گفتگو به‌صورت دسترس‌پذیر مرتبط گردد. این جزئیات همان جایی است که طراحی بصری و معنا از هم جدا می‌شوند و دوباره باید به‌هم گره بخورند.

سه مخاطب هم‌زمان: اسکن‌کننده، صفحه‌خوان، موتور جستجو

کاربر اسکن‌کننده از روی سرفصل تصمیم می‌گیرد کدام بخش وقتش را می‌ارزد؛ بنابراین سرفصل اغلب خوانده‌شده‌ترین متن صفحه است. کاربر صفحه‌خوان با میانبر از سرفصلی به سرفصل دیگر می‌پرد؛ سلسله‌مراتب سالم تفاوت میان مرور و شکار در تاریکی است. موتور جستجو از سرفصل برای فهم موضوع و زیرموضوع استفاده می‌کند؛ عنوان سطح بالا موضوع اصلی را سیگنال می‌دهد و سطوح بعدی ریزموضوع را. ممیزی دسترس‌پذیری و ممیزی سئو اغلب همان فهرست مشکلات را روی سرفصل نشان می‌دهند: پرش سطح، سطح بالای تکراری یا خالی، و عنوان‌های مبهم.

نوشتن برای هر سه مخاطب به معنای بمباران کلمهٔ کلیدی نیست. یعنی عنوان روشن، خاص، و هم‌خوان با پاراگراف بعدی. وعدهٔ گمراه‌کننده برای کلیک در جستجو ممکن است ترافیک بیاورد اما اعتماد و زمان ماندن را می‌سوزاند.

نگارش سرفصل مفید؛ از کلیشه تا راهنمای اقدام

سرفصل خوب کوتاه است اما تهی نیست. «مقدمه» کمتر از «چرا تحویل طراحی می‌شکند» راه می‌دهد. در آموزش محصول، سرفصل می‌تواند الگوی وظیفه داشته باشد: «ساخت اولین پروژه» روشن‌تر از «شروع» است. در بازاریابی، تعادل میان جذابیت و دقت سخت‌تر است؛ اغراق بصری را به تیتر تبلیغاتی بسپارید و سرفصل بخش را برای جهت‌یابی وسط صفحه صادق نگه دارید. فهرست سرفصل‌ها را با صدای بلند بخوانید؛ اگر نامفهوم یا تکراری است، کاربر هم در اسکن گیر می‌کند.

هم‌ترازی با زبان دکمه و برچسب ناوبری مهم است. اگر منو می‌گوید «قیمت» و سرفصل می‌گوید «سرمایه‌گذاری هوشمند آینده»، کاربر ممکن است مطمئن نباشد همان بخش را پیدا کرده است. واژگان پایدار بخشی از سیستم طراحی محتواست.

پیوند با تایپوگرافی سیستم و آزمون کیفیت

استایل سرفصل—وزن، اندازه، فاصلهٔ قبل و بعد—باید از توکن تایپ بیاید تا سطوح در کل محصول یک زبان داشته باشند. فاصلهٔ کافی پیش از سرفصل جدید گروه‌بندی ادراکی می‌سازد؛ فاصلهٔ کم سرفصل را به پاراگراف قبلی می‌چسباند. کنتراست و طول خط را در موبایل واقعی ببینید؛ سرفصل فارسی بلند ممکن است دو خط شود و سلسله‌مراتب لمسی صفحه را عوض کند. ابزار طرح کلی در مرورگر یا افزونهٔ دسترس‌پذیری درخت سرفصل را سریع فاش می‌کند: آیا یک سطح بالا دارید؟ آیا پرش هست؟ آیا بلوک بزرگی بدون سرفصل مانده؟

در تعریف انجام‌شدهٔ صفحهٔ محتوایی بگنجانید: درخت سرفصل مرور شده، سطوح با معنا نه با قشنگی، و تمایز نام‌گذاری از هدر کروم روشن است. سرفصل موفق دیده می‌شود تا کاربر را حرکت دهد، بعد کنار می‌رود تا محتوا کارش را بکند. وقتی سرفصل‌ها درست‌اند، صفحه بدون توضیح اضافه «دسته‌بندی‌شده» حس می‌شود؛ وقتی غلط‌اند، حتی تایپ زیبا هم دیوار متن را نجات نمی‌دهد.

برای تیم‌های مختلط محصول و مهندسی، یک مرور ده‌دقیقه‌ای فقط روی عناوین—بدون بحث رنگ—اغلب ارزان‌ترین بهبود خوانایی و دسترسی است. سرفصل سرمایهٔ ساختاری است؛ با هر بخش جدید همان انضباط را تکرار کنید تا طرح کلی محصول زنده بماند.

در صفحات بلند آموزش یا مستند API، فهرست مطالب ساخته‌شده از سرفصل‌ها میانبر قدرتمندی برای همهٔ کاربران است، نه فقط برای فناوری کمکی. شرطش همان درخت تمیز است: عنوان‌های یکتا، سطوح درست، و پرهیز از سرفصل تزئینی بدون بدنه. اگر بخشی فقط یک جمله دارد، شاید بهتر باشد زیر بخش قبلی ادغام شود تا سطح تازهٔ بی‌معنا نسازد. نویسندگان محصول باید بدانند درشت کردن متن با استایل عنوان جعلی—بدون نقش سرفصل واقعی—هم اسکن را فریب می‌دهد هم طرح کلی را خالی می‌گذارد؛ ظاهر عنوان بدون معنا، بدترین هر دو جهان است.

هنگام بومی‌سازی، سرفصل فارسی ممکن است طولانی‌تر از انگلیسی شود؛ فضای خط و شکست واژه را در قالب واقعی بسنجید تا سطح دیداری با سطح معنایی نخواند. در نهایت، سرفصل قراردادی میان نویسنده و خواننده است: وعده بده، همان را تحویل بده، و راه پرش به بخش بعدی را همیشه باز بگذار.