سرفصل ها با ساختار سلسله مراتبی یک “ایده عالی”


جان مولر گوگل در مورد عناصر سرفصل با یکی از اعضای جامعه SEO بحث کرد و در آنجا سودمندی استفاده از ساختار سلسله مراتبی هنگام استفاده از عناصر عنوان را تایید کرد.

پس زمینه آنچه مولر گفت

عناصر سرفصل

قرار است برای نشان دادن اینکه بخشی از یک صفحه وب در مورد چیست استفاده می شود.

علاوه بر این، عناصر عنوان دارای ترتیب رتبه بندی هستند، به طوری که

بالاترین رتبه اهمیت و

پایین ترین سطح اهمیت است.

هدف عنصر عنوان این است که یک بخش از محتوا را برچسب گذاری کند.

مشخصات HTML امکان استفاده از چندین عنصر

را می دهد. بنابراین، از نظر فنی، استفاده از بیش از یک

کاملاً معتبر است.

بخش 4.3.11 رسمی HTML مشخصاتns ایالت ها:

عناصر h1–h6 دارای یک سطح عنوان هستند که با شماره در نام عنصر داده می شود.

اگر سندی دارای یک یا چند عنوان باشد، حداقل یک عنوان در طرح کلی باید سطح عنوان 1 داشته باشد.

با این وجود، استفاده بیشتر از

بهترین روش در نظر گرفته نمی شود.

موزیلا صفحه مرجع توسعه دهنده در مورد استفاده از سرفصل ها توصیه می کند:

عناصر HTML

تا

شش سطح از سرفصل‌های بخش را نشان می‌دهند.

بالاترین سطح بخش و

پایین ترین سطح است.

…از استفاده از چندین عنصر

در یک صفحه خودداری کنید

در حالی که استفاده از چندین عنصر

در یک صفحه توسط استاندارد HTML مجاز است (تا زمانی که آنها تو در تو نباشند)، این بهترین عمل در نظر گرفته نمی شود. یک صفحه به طور کلی باید یک عنصر

داشته باشد که محتوای صفحه را توصیف می کند (شبیه به عنصر سند).</p> </blockquote> <p>جان مولر قبلاً گفته بود که مهم نیست که یک صفحه وب از یک عنوان <H1> یا پنج <H1> استفاده کند.</p> <p>نکته بیانیه او این است که سطح عنوان به اندازه نحوه استفاده از آنها مهم نیست، بهترین روش استفاده از سرفصل ها برای نشان دادن اینکه بخشی از محتوا در مورد چیست است.</p> <h2>آنچه مولر در توییتر گفت</h2> <p>یکی از اعضای جامعه SEO در حال شوخی بود و به آرامی به مولر در مورد استفاده از بیش از یک H1 اشاره کرد.</p> <p><strong>او توییت کرد:</strong></p> <blockquote class="twitter-tweet" data-width="550" data-dnt="true"> <p lang="en" dir="ltr">جان مو: “سایت شما بدون تگ H1 یا با پنج تگ H1 کاملاً رتبه بندی می کند.”</p> <p>من: <a rel="nofollow noopener" target="_blank" href="https://t.co/LEj59KfRBD">pic.twitter.com/LEj59KfRBD</a></p> <p>– Deji Luminous (@deji_luminous) <a rel="nofollow noopener" target="_blank" href="https://twitter.com/deji_luminous/status/1621074496668184576?ref_src=twsrc%5Etfw">2 فوریه 2023</a></p> </blockquote> <p>سئوکار با به اشتراک گذاشتن نحوه استفاده از بهترین روش‌ها برای عناصر عنوان با استفاده از تنها یک <H1>، برای مشخص کردن موضوع صفحه و سپس استفاده از بقیه سرفصل‌ها به ترتیب رتبه، به یک صفحه وب ساختار سلسله مراتبی را دنبال کرد. .</p> <p>یک ساختار سلسله مراتبی بخش هایی از یک صفحه وب و هر بخش فرعی را در هر بخش ارتباط برقرار می کند.</p> <p>او <a rel="nofollow noopener" target="_blank" href="https://twitter.com/deji_luminous/status/1621078190272692224">توییت کرد</a>:</p> <blockquote> <p>من با عناصر هدر خیلی سنتی هستم. (HTML 4 برای زندگی! lol)</p> <p>من همچنان توصیه می کنم فقط از یک عنصر H1 در یک صفحه استفاده کنید.</p> <p>من صبورانه به صفحات باز می گردم تا سلسله مراتب هدر را برای سرگرمی پیاده سازی کنم.</p> </blockquote> <p><strong>جان مولر <a rel="nofollow noopener" target="_blank" href="https://twitter.com/JohnMu/status/1621078755702870016">تاییدش را توییت کرد</a> در پاسخ:</strong></p> <blockquote> <p>“من فکر می کنم این یک ایده عالی و یک تمرین عالی است.</p> <p>سلسله مراتب سرصفحه نه تنها برای گوگل مفید است، بلکه برای دسترسی نیز مهم است.</p> <p>(گوگل هنوز مجبور است با چیزهای عجیب و غریبی که مردم در وب مطرح می کنند مقابله کند، اما فکر کردن در کار شما همیشه منطقی است.)</p> </blockquote> <h2>ساختار صفحه سلسله مراتبی</h2> <p>در روزهای اولیه سئو، <H1> به عنوان یک فاکتور رتبه بندی مهم در نظر گرفته می شد، عاملی که مهمتر از <H2> بود.</p> <p>بنابراین، در آن زمان، یکی همیشه مهمترین کلمات کلیدی خود را در <H1> قرار می داد تا به گوگل سیگنال دهد که صفحه مربوط به آن کلمه کلیدی است.</p> <p>H1 قبلاً قدرت رتبه‌بندی بیشتری داشت، بنابراین استفاده از <H1> برای کمک به رتبه‌بندی ضروری بود.</p> <p>الگوریتم گوگل از کلمات کلیدی به عنوان راهی برای “حدس زدن” استفاده از یک صفحه وب استفاده می کرد.</p> <p>کلمات کلیدی در متن لنگر، کلمات کلیدی در تگ عنوان و کلمات کلیدی در <H1> به گوگل کمک کردند تا حدس بزند که یک صفحه مربوط به چه چیزی است.</p> <p>اما امروزه گوگل نیازی به حدس زدن ندارد.</p> <p>می تواند بفهمد که چه بخش هایی از یک صفحه وب در مورد چیست، و در نتیجه، کل صفحه وب در مورد چیست.</p> <p>با وجود این پیشرفت ها، بسیاری از سئوکاران هنوز معتقدند که استفاده از <H1> نوعی عامل رتبه بندی جادویی است.</p> <p>سرفصل ها دیگر در مورد فریاد زدن کلمه کلیدی که می خواهید رتبه بندی کنید نیست.</p> <p>نقش عناصر عنوان در حال حاضر در مورد این است که به موتورهای جستجو بگویند بخشی از محتوا در مورد چیست.</p> <p>هر بخش از یک محتوا به طور کلی در مورد چیزی خاص است.</p> <p>تگ‌های سرفصل باعث می‌شود موتورهای جستجو راحت‌تر بدانند یک صفحه درباره چیست.</p> <p>و این به آنها کمک می کند تا صفحه را برای موضوع رتبه بندی کنند.</p> <p>و با توجه به مشخصات رسمی HTML، از نظر فنی روش مناسبی برای استفاده از عناصر عنوان است.</p> <p>در نهایت، مولر کیفیت عنصر عنوان را به عنوان راهی برای برقراری ارتباط بهتر به دلایل دسترسی، مانند افرادی که از صفحه‌خوان‌ها استفاده می‌کنند، ذکر کرد.</p> <p>رسمی <a rel="nofollow noopener" target="_blank" href="https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html">مشخصات HTML می گوید</a>:</p> <blockquote> <p>“عناوین توصیفی به ویژه برای کاربرانی که دارای معلولیت هایی هستند که خواندن را کند می کند و برای افرادی که حافظه کوتاه مدت محدودی دارند مفید است.</p> <p>این افراد زمانی سود می برند که عناوین بخش، پیش بینی محتوای هر بخش را ممکن می سازد.</p> </blockquote> <p>بنابراین از جان مولر برای جلب توجه به مزایای استفاده از عناوین با ساختار سلسله مراتبی، برای جلب توجه به اینکه چگونه ساختار سلسله مراتبی برای گوگل مفید است و برای دسترسی به آن، متشکرم.</p> <p><em>تصویر برجسته توسط Shutterstock/Asier Romero</em></p> </div> <p><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script><script> var s_trigger_pixel_load = false; function s_trigger_pixel(){ if( !s_trigger_pixel_load ){ striggerEvent( 'load2' ); console.log('s_trigger_pix'); } s_trigger_pixel_load = true; } window.addEventListener( 'cmpready', s_trigger_pixel, false); window.addEventListener( 'load2', function() { if( sopp != 'yes' && !ss_u ){ !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', ' if( typeof sopp !== "undefined" && sopp === 'yes' ){ fbq('dataProcessingOptions', ['LDU'], 1, 1000); }else{ fbq('dataProcessingOptions', []); } fbq('init', '1321385257908563'); fbq('track', 'PageView'); fbq('trackSingle', '1321385257908563', 'ViewContent', { content_name: 'google-headings-with-hierarchical-structure-an-awesome-idea', content_category: 'news seo' }); } }); </script><br /> <br /><br /> منبع: https://www.searchenginejournal.com/google-headings-with-hierarchical-structure-an-awesome-idea/478491/</p> </div> <footer class="entry-footer default-max-width"> <div class="posted-by"><span class="posted-on">منتشر شده در <time class="entry-date published updated" datetime="2023-02-03T14:51:23+03:30">فوریه 3, 2023</time></span><span class="byline">توسط <a href="https://hamrah-wp.ir/writer/hmrhwp/" rel="author">فرزاد سلمانی</a></span></div><div class="post-taxonomies"><span class="cat-links">دسته‌بندی شده در <a href="https://hamrah-wp.ir/category/news/" rel="category tag">اخبار</a> </span><span class="tags-links">برچسب خورده با <a href="https://hamrah-wp.ir/tag/wordpress/" rel="tag">wordpress</a>، <a href="https://hamrah-wp.ir/tag/%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3/" rel="tag">وردپرس</a></span></div> </footer> </article> <nav class="navigation post-navigation" aria-label="نوشته‌ها"> <h2 class="screen-reader-text">راهبری نوشته</h2> <div class="nav-links"><div class="nav-previous"><a href="https://hamrah-wp.ir/%d9%85%d8%b2%d8%a7%db%8c%d8%a7-%d9%88-%d9%85%d8%b9%d8%a7%db%8c%d8%a8-%d8%b1%d8%a7%d9%87-%d8%ad%d9%84-%d9%82%db%8c%d9%85%d8%aa-%da%af%d8%b0%d8%a7%d8%b1%db%8c/" rel="prev"><p class="meta-nav"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="m4 13v-2h12l-4-4 1-2 7 7-7 7-1-2 4-4z" fill="currentColor"/></svg>نوشتهٔ پیشین</p><p class="post-title">مزایا و معایب راه حل قیمت گذاری</p></a></div><div class="nav-next"><a href="https://hamrah-wp.ir/%d9%85%d8%a7%d9%87-%d8%af%d8%b1-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%da%98%d8%a7%d9%86%d9%88%db%8c%d9%87-2023-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3/" rel="next"><p class="meta-nav">نوشته بعدی<svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 13v-2H8l4-4-1-2-7 7 7 7 1-2-4-4z" fill="currentColor"/></svg></p><p class="post-title">ماه در وردپرس – ژانویه 2023 – اخبار وردپرس</p></a></div></div> </nav> </main> </div> </div> <aside class="widget-area"> <section id="block-3" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading">نوشته‌های تازه</h2> <ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%d8%af%d8%a7%d8%af%da%af%d8%a7%d9%87-%d8%ad%da%a9%d9%85-%d9%85%d9%82%d8%af%d9%85%d8%a7%d8%aa%db%8c-wp-engine-%d8%b1%d8%a7-%d8%b9%d9%84%db%8c%d9%87-automattic-%d8%b5%d8%a7%d8%af%d8%b1-%d9%85%db%8c/">دادگاه حکم مقدماتی WP Engine را علیه Automattic صادر می کند – WP Tavern</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%d9%85%d9%86%d8%b8%d8%b1%d9%87-%d8%a7%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%da%86%d8%b4%d9%85%d8%a7%d9%86-%d8%af%d8%b1%d8%af%d9%86%d8%a7%da%a9-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d9%88%d8%b1%d8%af/">منظره ای برای چشمان دردناک – اخبار وردپرس</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%da%af%d9%88%da%af%d9%84-%d8%a8%d9%87%d8%b1%d9%88%d8%b2%d8%b1%d8%b3%d8%a7%d9%86%db%8c%d9%87%d8%a7%db%8c-%d8%ac%d8%b3%d8%aa%d8%ac%d9%88%db%8c-%d8%a7%d8%b1%d8%a7%d8%a6%d9%87-%d8%b4/">گوگل به‌روزرسانی‌های جستجوی ارائه شده توسط Gemini 2.0 را اعلام کرد</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%d9%85%d8%b1%d9%88%d8%b1%d9%87%d8%a7%db%8c-%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-%da%af%d9%88%da%af%d9%84-%d8%af%d8%b1-47-%d8%af%d8%b1%d8%b5%d8%af-%d8%a7%d8%b2-%d9%86%d8%aa%d8%a7/">مرورهای هوش مصنوعی گوگل در 47 درصد از نتایج جستجو ظاهر می شود</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%d8%a8%d8%a7-%d9%85%d9%88%d8%aa%d9%88%d8%b1-wp-%d8%af%d8%b1-%d9%85%d9%82%d8%a7%d8%a8%d9%84-automattic-mullenweg-%d8%af%d8%b1-%d8%a7%d8%ae%d8%aa%d9%84%d8%a7%d9%81%d8%a7%d8%aa-%d9%88%d8%b1%d8%af%d9%be/">با موتور WP در مقابل Automattic & Mullenweg در اختلافات وردپرس قضاوت کنید</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%d8%a7%da%a9%d8%aa%d8%b3%d8%a7%d8%a8-%d8%ae%d9%88%d8%af%da%a9%d8%a7%d8%b1-%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-%d8%b1%d8%a7-%d8%a8%d9%87-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%d9%88/">اکتساب خودکار هوش مصنوعی را به وردپرس وارد می کند</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/automattic-%d8%b4%d8%b1%da%a9%d8%aa-%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-wpai-wp-tavern-%d8%b1%d8%a7-%d8%ae%d8%b1%db%8c%d8%af%d8%a7%d8%b1%db%8c-%d9%85%db%8c-%da%a9%d9%86%d8%af/">Automattic شرکت هوش مصنوعی “WPAI” – WP Tavern را خریداری می کند</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%d8%b3%d9%88%d8%a1-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d8%a7%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa-google-%d8%b3%d8%a4%d8%a7%d9%84%d8%a7%d8%aa-%d9%85%d8%aa%d8%af/">سوء استفاده از اعتبار سایت Google: سؤالات متداول به نگرانی ها می پردازد</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%d8%a2%d8%b3%db%8c%d8%a8%d9%be%d8%b0%db%8c%d8%b1%db%8c-%d9%88%d8%b5%d9%84%d9%87%d9%87%d8%a7%db%8c-%d8%a7%d9%81%d8%b2%d9%88%d9%86%d9%87-wpforms-%da%a9%d9%87-%d8%a8%d8%b1-%d9%be%d8%b1/">آسیب‌پذیری وصله‌های افزونه WPForms که بر پرداخت‌های Stripe و اشتراک‌ها تأثیر می‌گذارد – WP Tavern</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hamrah-wp.ir/%d8%a8%d9%87-%d8%b1%d9%88%d8%b2-%d8%b1%d8%b3%d8%a7%d9%86%db%8c-%da%a9%d9%86%d8%b3%d9%88%d9%84-%d8%ac%d8%b3%d8%aa%d8%ac%d9%88%db%8c-%da%af%d9%88%da%af%d9%84-%d8%af%d8%a7%d8%af%d9%87-%d9%87%d8%a7%db%8c/">به روز رسانی کنسول جستجوی گوگل: داده های تجزیه و تحلیل بیشتری وجود ندارد</a></li> </ul></div></div> </section><section id="block-4" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"></div></div> </section><section id="block-6" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"></div></div> </section> </aside> <footer id="colophon" class="site-footer"> <div class="site-info"> <div class="site-name"> <a href="https://hamrah-wp.ir/">همراه وردپرس</a> </div> </div> </footer> </div> <script>document.body.classList.remove("no-js");</script> <script> if ( -1 !== navigator.userAgent.indexOf( 'MSIE' ) || -1 !== navigator.appVersion.indexOf( 'Trident/' ) ) { document.body.classList.add( 'is-IE' ); } </script> <script id="twenty-twenty-one-ie11-polyfills-js-after"> ( Element.prototype.matches && Element.prototype.closest && window.NodeList && NodeList.prototype.forEach ) || document.write( '<script src="https://hamrah-wp.ir/views/96f874eecb/assets/js/polyfills.js?rnd=1"></scr' + 'ipt>' ); </script> <script src="https://hamrah-wp.ir/views/96f874eecb/assets/js/responsive-embeds.js?rnd=1" id="twenty-twenty-one-responsive-embeds-script-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",(function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())}),!1); </script> </body> </html>