عنوان سطح 2

عنوان سطح 3

عنوان سطح 4

عنوان سطح 5

عنوان سطح 6

در مورد سبک های هر سطح، ارزش افزودن قوانین به هر سطح در فایل سبک را دارد.

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

طراحی سرفصل H1-H6

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

تیترهای ساده اما در عین حال به کمک انتخاب های مختلف با خطوط، خط کشی به کمک پس زمینه و ... مد می شوند.

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

من 2 نمونه دیگر از سرفصل های سبک در H1 را به شما می دهم.

همانطور که می بینید، این فقط یک فونت پررنگ نیست، بلکه یک پس زمینه زیبا با سطح زیرین موج دار و قسمت بالایی خط دار است.

شما همچنین می توانید یک طراحی جالب را برای خود در اینجا ببینید این صفحه.

در مورد سرفصل‌های H2-H6، نه تنها می‌توان آن‌ها را با نوعی پس‌زمینه تزئین کرد، بلکه می‌توان آن‌ها را (در صورت استفاده از محتوای بالای صفحه) در قالب تصاویر زیبا شماره‌گذاری کرد. باز هم، اینها نباید اعداد ساده باشند. در اینجا یک مثال خوب از چنین ایده ای وجود دارد.

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

اشتباهات در استفاده

شما قبلاً می توانید با مطالعه تمام مطالب بالا به تمام اشتباهات فکر کنید ، اما تفاوت های ظریف وجود دارد. من همه چیزهایی را که ممکن است به طور خاص برای شما اعمال شود و آنچه باید فوراً اصلاح شود را فهرست خواهم کرد.

• بیش از یک H1 در هر صفحه. درست نیست. فقط یک بار در هر سند؛
• استفاده از تگ های H1-H6 برای طراحی عناصر اضافی سایت. در همان ابتدا نوشتم که هدف از این اسناد طراحی و ساختار محتوا است. بنابراین، آنها فقط باید در محتوا استفاده شوند. اکثر قالب های سایت این تگ ها را در نوارهای کناری قرار می دهند تا به عناوین خود و غیره فرم دهند. این به وضوح در قالب های وردپرس بیان می شود، زمانی که نام هر ویجت در نوار کناری در H3 یا برچسب های دیگر محصور شده است.
• به خصوص کلمات کلیدی را وارد کنید. قبلاً این عقیده وجود داشت که با وارد کردن مستقیم کلمات کلیدی در سرفصل های همه سطوح می توانید تراکم آنها را افزایش دهید و جایگاه چنین صفحه ای بالاتر می رود. اما در حال حاضر این در حال حاضر "مجازات قانونی" از موتورهای جستجو و تحریم برای هرزنامه در عناوین اعمال شده است. علاوه بر این، این برچسب ها بر اساس الگوریتم های دیگر رتبه بندی می شوند. نتیجه گیری: هیچ هدفی برای وارد کردن کلمات کلیدی وجود ندارد.
• استفاده مکرر از نقطه و نقطه گذاری. به هیچ وجه نباید از نقطه در سرفصل ها استفاده کرد، زیرا این کار هم از نظر کپی رایتینگ و هم از نظر قوانین کلی طراحی متون اشتباه است. همچنین سعی می کنیم تعداد علائم نگارشی را به حداقل برسانیم تا خوانایی عنوان ها را افزایش دهیم. تعداد زیادی کلمه را نیز می توان در اینجا نسبت داد - تیترها را خیلی طولانی نکنید.
• گزیده ساختار از نظر سلسله مراتب رعایت نمی شود. سعی کنید در ساخت سلسله مراتبی از تگ های H2-H6 در هر صفحه یک زنجیره منطقی را دنبال کنید.
• استفاده از تگ های H1-H6 برای استایل دادن به سایر عناصر متن، نه عنوان. این همان چیزی است که در بالا در مورد آن صحبت کردم، زمانی که استایل هر تگ به درستی پیکربندی نشده است و به جای پررنگ کردن معمول، می توانید از عنوان یک سطح استفاده کنید.
• عنوان مناسب نیست یا متن متنی را که به دنبال آن است، ندارد. برای یادگیری نحوه ایجاد سرفصل های منطقی، چند کتاب با طراحی خوب که خواندن آنها برای شما آسان است را انتخاب کنید. همچنین با ساختار محتوا در سایت ویکی پدیا هدایت شوید.
• در متون کوچک اصلاً از سرفصل های H1-H6 استفاده نمی شود. فقط یک غیبت کامل و چیزی برای صحبت وجود ندارد، اما در مورد غیبت در صفحات کوچک - لحظه مشکوک است، زیرا هر متنی (حتی حداقل 1000 کاراکتر) ساختار منطقی دارد. انتقال از یک موضوع به موضوع دیگر. چرا آن را به بخش های منطقی با زیر عنوان های سطوح مختلف تقسیم نمی کنید؟

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

راستی میشه یه ایراد کوچیک تو عناوین من تو سایت پیدا کنید؟ اگر بله، پس در نظرات بنویسید. این لحظه خیلی قابل توجه نیست، اما وجود دارد.

در پست های بعدی می بینمت. هنوز در پیش است.

با احترام، کنستانتین خملف!

سلام بچه ها! احساس می کنم اوضاع در حال گرم شدن است ، فحاشی ها در نظرات شروع شد ، توهین های خطاب به من. خوب، من قبلاً دلم برای آن زمان ها تنگ شده است. 🙂 بدترین چیز نادیده گرفتن است. و وقتی آنها سرزنش می کنند - خوب است، به این معنی است که من به کسی توهین می کنم. خشنود است. 🙂 هی گی گی رفیق مفسر سلام !!! 🙂 اما به خاطر فحش دادن مجبور شدم کامنت شما رو پاک کنم، بارها گفته ام که فحش دادن به چنین طرحی را تحمل نمی کنم.

خیلی ها من را به فروش مقاله متهم می کنند. بله، زمانی بود، اما قول دادم تعدادشان کم شود. اما برخی هنوز فکر می کنند که اگر من برخی از خدمات را بررسی کنم، این پست فاسد است. آقایان هر چه می خواهید فکر کنید. وجدانم آسوده است و در تمام 32 دندان کج لبخندم می زند. من در خلق و خوی عالی هستم و خوانندگان فداکار من خواهند بود، حداقل سعی خواهم کرد. 🙂

در درس آخر در مورد افزونه سئو برای مرورگرها صحبت کردم. من فقط تصمیم نگرفتم که موضوعی را مطرح کنم که مدتها سفر کرده ام. من تصمیم گرفتم I's را نقطه گذاری کنم.بسیاری از خوانندگان از من می پرسند که چگونه از عناوین h1، h2، h3 و غیره به درستی استفاده کنم؟ من قبلاً به سال 2012 بازگشته ام. با انجام ممیزی از بسیاری از سایت ها، همان اشتباهاتی را می بینم که قبول ندارم. بنابراین، وقت آن است که کمی به آن درس اضافه کنیم.

شاید برخی از بهینه‌سازها تگ‌های h1 و موارد مشابه را بی‌فایده در نظر بگیرند، اما بیشتر آنها از آنها پشتیبانی می‌کنند. اگر هنوز متوجه نشدید، سئو یک علم بسیار پیچیده است، هر کسی نظر خود را دارد.

قوانین استفاده از سرفصل های h1، h2، h3، h4 در صفحه از نظر سئو

قانون شماره 1 : فقط باید 1 تگ h1 در هر صفحه وجود داشته باشد.

به یاد داشته باشید، فقط 1، نه 2، به خصوص نه 3. بسیاری از مردم علاقه مند هستند که چگونه تعداد این برچسب ها را در یک صفحه پیدا کنند، و اغلب مدیران وب شروع به خزیدن در کد منبع صفحه می کنند و به صورت دستی به دنبال این برچسب ها می گردند. . من همچنین این کار را انجام دادم تا زمانی که "برادر من در اینترنت" ویتالی (http://mojwp.ru/) یک چیز بسیار دشوار را به من پیشنهاد داد، که به نظر می رسد در نوار سئو مورد علاقه من ساخته شده است.

چه چیزی نیاز دارید؟

یک مزیت بزرگ 1 تگ در h1 در صفحه است که بسیار خوب است. اگر آن را ندارید یا بیش از یکی وجود دارد، در زیر به شما خواهم گفت که چگونه از شر موارد اضافی خلاص شوید یا آنها را اضافه کنید.

قانون شماره 2: سرفصل های h2، h3، h4 باید فقط در خود مقاله باشد.

در مورد من، می بینید که h2 بسیار درست استفاده شده است، اما در تگ h3، h4 من "زباله" دارم. یعنی این عبارات از نظر سئو هیچ کاربردی ندارند. علاوه بر این، با استفاده از تگ‌های h در مکان‌های غیر ضروری، اهمیت این برچسب‌ها را برای موتورهای جستجو کاهش می‌دهیم، زیرا "وزن" آنها در عبارات غیر ضروری پراکنده است. بنابراین تگ های h فقط باید در داخل مقاله باشد. بله، استثنائاتی وجود دارد که کلمات کلیدی بسیار ماهرانه در بلوک های جداگانه در سایت وارد شوند، اما به هیچ وجه عبارت "اشتراک در سایت" و غیره را پر نمی کنند.

چگونه این خطاها را برطرف کنیم؟

برای رفع چنین خطاهایی، ما دوباره به افزونه دیگری نیاز داریم که قبلاً در مورد آن صحبت کردم - این (برای کروم نیز موجود است).

ما عنصری را در تگ h که به آن نیازی نداریم در صفحه پیدا می کنیم، به عنوان مثال، عبارت "Subscription" و "Site" را که نوار RDS به من گفته است (آنها در h4 هستند، استفاده می کنم. تصویر بالا را ببینید). من این 2 عنصر را در سایت پیدا کردم (شما می توانید با وارد کردن عبارت لازم برای جستجو از جستجو در مرورگر Ctrl + F استفاده کنید)، یکی از آنها را با استفاده از Firebug "بازرسی" می کنیم:

و در سمت راست استایل های تگ h4 داده شده را می بینیم (در مورد من):

آنها اکنون برای ما مفید خواهند بود. فایل style.css تم خود را باز می کنیم و دقیقاً در انتها ویژگی های این سبک را اضافه می کنیم (فلش در تصویر بالا را ببینید)، به سادگی نام آن را با نام دیگری می گذاریم (من تصمیم گرفتم آن را new4 بنامم، نقطه را فراموش نکنید. در آغاز):

از آنجایی که عبارت "Subscription" در فوتر من است، فایل footer.php را باز می کنم، عبارت "Subscription" را از طریق CTRL + F درایو می کنم، در اینجا این است:

و به جای h4 ، کلاس جدید خود را تجویز می کنیم (در مورد من "new4") ، یعنی پس از اصلاح ، چنین تصویری وجود خواهد داشت:

فایل را ذخیره می کنیم، فایرفاکس را باز می کنیم، صفحه را رفرش می کنیم و می بینیم که تگ h4 با کلمه "Subscription" از بین رفته است:

از آنجایی که سبک کلمات "Subscription" و "Site" برای من تفاوتی ندارد، من به طور مشابه در فوتر به جای تگ h4 به کلمه "Site" کلاس "new4" را تجویز می کنم و می بینیم که اکنون وجود ندارد. "آشغال" h4 در صفحه:

ما اقدامات مشابهی را با تگ های غیر ضروری h3 انجام می دهیم. در مورد من، در h3 استفاده از عبارات "اشتراک برای درس های رایگان"، "درس های مشابه" و غیره اشتباه است. h3 فقط باید شامل عنوانی باشد که در متن وجود دارد. به همین ترتیب، انواع مختلف سایت (مقالات، صفحات، دسته بندی ها و غیره) را مرور کنید، اما صفحه اصلی یک داستان جداگانه است که در ادامه در مورد آن صحبت خواهم کرد.

اگر به طور ناگهانی مقاله ای دارید که در h1 نیست، فقط فایل تم single.php را باز کنید، خروجی عنوان مقاله را در آنجا پیدا کنید (در جستجو از طریق عبارت "the_title" جستجو کنید) و آن را در h1 قاب کنید:

قانون شماره 3: استفاده از تگ h1 در صفحه اصلی به شدت توصیه می شود.

در حال حاضر هیچ h1 در سایت من در صفحه اصلی وجود ندارد که به نظر من ساختار را به هم می زند.

من معتقدم که یک صفحه نمی تواند تگ h3 داشته باشد اگر h2 بالای آن نباشد و همچنین اگر h1 نباشد نمی توان از h2 استفاده کرد. به همین ترتیب، استفاده از h1 و h3، برای مثال، بدون h2 نیز اشتباه است. علاوه بر این، همه چیز باید به وضوح از ساختار پیروی کند: h2 نمی تواند بالاتر از h1 در صفحه باشد، h3 نباید بالاتر از اولین تگ h2 و غیره باشد.

برای صفحه اصلی چه چیزی در h1 قرار دهیم؟ این می تواند متنی باشد که به درستی بیشترین کلمات کلیدی درخواستی را که برای آن جابه جا می کنید را شامل می شود. تکرار می کنم، به معنای واقعی کلمه وارد شده است، و نه یک شمارش احمقانه.

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

به یاد داشته باشید: عنوان h1 باید با عنوان صفحه متفاوت باشد. این برای ارتقاء جستجو مفید خواهد بود.

معمولاً در جایی در این مکان توضیحاتی در مورد سایت وجود دارد (در مورد من اینطور نیست):
اما در اینجا یک مشکل خاص پیش می آید: اگر این توضیحات را در h1 در هدر سایت بنویسیم، در داخل مقالات نیز در h1 خواهد بود که باز هم اشتباه است.

یعنی باید تابعی بنویسیم که این کار را انجام دهد: اگر در صفحه اصلی هستیم، تگ h1 به متن هدر اختصاص داده می شود، اما اگر در صفحه ای غیر از صفحه اصلی هستیم، همان متن به همان سبک نمایش داده می شود، اما در حال حاضر بدون تگ h1. این کار به گونه ای انجام می شود که هیچ 2 تگ h1 در صفحات داخلی (توضیحات سایت + عنوان مقاله) وجود نداشته باشد.

و "برادر اینترنت" دیگر من، این بار از کازان، که اسمش رامیل است (حیف که وبلاگ ندارد، الان لینکش را می گذارم)، این تابع PHP را با مهربانی به اشتراک گذاشت (می دانید، من نمی دانم. در PHP "نور" نمی زنم)، او اینجاست:

توضیحات سایت

در اینجا شما باید از قبل همان سبک ها را برای h1 و برای استایل "description" در style.css تنظیم کنید تا بازدیدکنندگان از نظر بصری تفاوت ها را نبینند.

همچنین این عقیده وجود دارد که برای جلوگیری از تحریم موتورهای جستجو برای بیش از حد هرزنامه، بهتر است سرفصل های h2، h3 و h4 را با سبک ها جایگزین کنید.