نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی پرتال اطلاعاتی
  • خانه
  • ویندوز 10
  • تگ های h1 h2 h3 همه در مورد سرفصل ها و زیر عنوان ها هستند. سرصفحه های Html (برچسب های h1-h6)، قالب بندی متن html (قوی، b، em، i، بلوک نقل قول، تگ های قبلی)

تگ های h1 h2 h3 همه در مورد سرفصل ها و زیر عنوان ها هستند. سرصفحه های Html (برچسب های h1-h6)، قالب بندی متن html (قوی، b، em، i، بلوک نقل قول، تگ های قبلی)

سلام دوستان! خوشحالیم که به وبلاگ آندری و داشا - Thebizfromscratch خوش آمدید. مدت‌هاست که چیزی در مورد سئو ننوشته‌ایم و در این مقاله می‌خواهیم به آن بپردازیم، زیرا موضوع امروز تأثیر سرفصل‌های H1, H2 - H6 بر ارتقای وب‌سایت است. ما به شما خواهیم گفت که بر اساس چه قوانین و اصولی عناوین را در وبلاگ شما می نویسیم و امیدواریم که تجربه ما برای شما مفید باشد.

نحوه صحیح قرار دادن متا تگ H1, H2 ... H6

بنابراین، هنگام تهیه یک نشریه، متا تگ ها را به ترتیب زیر تجویز می کنیم:

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

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

  1. H3، H4، H5، H6

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

و برای اینکه اطلاعات فوق به درستی درک شود، به یک مثال نگاه می کنیم! فرض کنید مقاله ای را در زیر عبارت جستجو نوشته اید - "چگونه یک وب سایت بسازیم". این عبارت باید در قسمت عنوان ثبت شود و حداقل 2 بار بدون تغییر در خود متن تکرار شود. یا، همانطور که بسیاری انجام می دهند - آنها عبارت جستجو را 1 بار در هر 1000 کاراکتر تکرار می کنند.

اگر بیشتر نیاز به انتخاب ساختار دارید، می توانید از H2 حاوی پرس و جو با فرکانس پایین استفاده کنید. دوباره در چارچوب مثال - "چگونه یک وب سایت با کیفیت بالا در موتور وردپرس بسازیم." بقیه متا تگ ها را بدون کلید بنویسید.

  1. در عناوین خود پیوندهایی به سایر صفحات تبلیغاتی وارد نکنید. کد پیوند توسط موتورهای جستجو به عنوان کلمات کلیدی در نظر گرفته می شود و تنها به رتبه بندی آسیب می رساند.
  2. عناوین با مرتبه پایین تر را بالاتر از عناوین مهم تر قرار ندهید. اول باید H1، سپس H2 و بیشتر به صورت صعودی دنبال شود. یک ساختار درختی باید پدیدار شود.
  3. استفاده از H1 یک بار، H2 بیش از 3 بار و H3-H6 به میزان لازم (فقط بدون کلید و فقط در صورت لزوم) توصیه می شود.

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


آیا H1 و TITLE باید یکسان باشند یا باید متفاوت باشند؟ سوال دیرینه ای که همیشه در هر جلسه ای که سئوکار وجود دارد مطرح می شود. گفتن اینکه او از کجا آمده است دشوار است. شاید از عدم تطابق بین توصیه های موتورهای جستجو و نمونه هایی در TOP10 باشد.

استدلال هایی برای برچسب های عنوان مختلف و H1: آنها می گویند، موتور جستجو "فکر می کند" که ما می خواهیم از معنای کلمه کلیدی دوبار استفاده کنیم، که قطعا مجازات خواهد شد.
آرگومان هایی برای برچسب های مشابه: نقل قول در Yandex Help for Webmasters.

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

در واقع چگونه می توان آنها را یکسان یا متفاوت کرد؟ به طور کلی - هیچ تفاوتی وجود ندارد. اما چند نکته را باید در نظر گرفت.

- H1 و TITLE باید همپوشانی داشته باشند

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

این سایت یک سالن مبلمان ایتالیایی در مسکو است. سوالات کلیدی: نمایشگاه مبلمان ایتالیایی، مبلمان ایتالیایی ...
عنوان:سالن مبلمان ایتالیایی در مسکو. خرید مبلمان از ایتالیا | نام-سالن

H1:خوش آمدی
گزینه بهینه ای نیست، زیرا هیچ کلمه کلیدی تبلیغی در H1 وجود ندارد. سلام را می توان در متن نوشت.

H1:مبلمان انحصاری ایتالیا
در حال حاضر بهتر است، زیرا برچسب ها روی کلید "مبلمان از ایتالیا" همپوشانی دارند. اما ممکن است در درخواست های اولویت دار نباشد.

H1:سالن مبلمان ایتالیایی نام-سالن
هدر معمولی برای درخواست اصلی، هیچ چیز اضافی نیست.

همانطور که می بینید، هیچ فایده ای ندارد که H1 و TITLE کاملاً یکسان باشند، اما همچنان باید همپوشانی داشته باشند.

- H1 و TITLE در مراحل مختلف تعامل با سایت توسط کاربران قابل مشاهده است

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

به عنوان مثال، بخش هلیکوپترهای رادیویی در وب سایت.
H1:هلیکوپترهای رادیویی (منطقی)
عنوان:خرید هلیکوپترهای رادیویی با تحویل در مسکو

در اینجا کلمه "خرید" فراخوان اقدام می کند و "تحویل در مسکو" تعدادی از سوالات را قبل از کلیک حذف می کند.

موضوع اطلاعات: نحوه بافتن دستبند از نوار لاستیکی
H1:نحوه بافتن دستبندهای کشسان روی دستگاه
عنوان:دستبندهای الاستیک: دستورالعمل های گام به گام و الگوهای بافت با عکس و فیلم

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

- TITLE در شبکه های اجتماعی ظاهر می شود

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

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

- TITLE ممکن است شامل عبارات کلیدی اضافی باشد

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

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

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

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

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

H1 چیست؟

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

خود عنوان

، عدد فقط سطح عنوان را نشان می دهد.

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

شرط 1. کلمات کلیدی در عناوین

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

هنگام قرار دادن کلمات کلیدی، این کار را با دقت انجام دهید: از کلمات کلیدی بیش از حد استفاده نکنید و سرصفحه های هرزنامه ایجاد نکنید (به عنوان مثال، خرید یک آپارتمان مسکو، خرید یک کیسه یخچال، خرید یک موتور سیکلت کراسنویارسک قیمت، مال شما است که متوجه نشوید، و غیره.). زیبایی عبارت و قوام آن را حفظ کنید. در زبان بزرگ و قدرتمند روسی، کلمات به هم پیوسته و تعظیم می شوند، و روبات ها اکنون معنی را می فهمند، زبان را بدتر از من و شما نمی فهمند! و اغلب این کار را انجام ندهید - هرزنامه برای همه آشکار است، و بادن-بادن فقط یک سنگ دور است، خوب، پاندا را از Google فراموش نکنید.

مثالی که در آن تعداد کلیدها خارج از مقیاس است، بیش از حد است.

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

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

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

شرط 2. برچسب ها

-

هنگام ارسال متون در سایت فراموش نکنید که برچسب ها را به درستی قرار دهید. برچسب ها برای سرفصل های متن با کد HTML زیر تعریف می شوند:

-

... طبق مشاهدات ما، دو برچسب کاملاً کافی است -

-

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

موتورهای جستجو ابعاد و اهمیت برچسب ها را نیز در نظر می گیرند.

-

... هنگام حروفچینی باید توجه داشته باشید که عناوین از نظر بصری از متن کلی متمایز باشند.

پیوندهای موجود در عناوین نباید استفاده شوند، به خصوص در

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

مجاز به پیوند از سرفصل های سطح

و در زیر، بلکه اگر موجه و منطقی باشد.

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

-

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

    کارها را مرتب می کنیم. برچسب ها

    -

    بر اساس اصل سلسله مراتب مرتب شده اند: برچسب

    مهمتر از برچسب

    ... در واقع به این صورت است:

    موتورهای جستجو کمال گرا هستند: آنها دنباله درست را دوست دارند تا همه چیز در جای خود، در قفسه های خود باشد. بنابراین، ما از منطق پیروی می کنیم: پسر کوچکتر نمی تواند زودتر از بزرگتر متولد شود. این مجاز نیست - در اینجا یک مثال با سلسله مراتب شکسته وجود دارد:

    همچنین، برچسب

    نقش مهمی در شکل گیری لینک های سریع در نتایج جستجوی Yandex ایفا می کند.

    اگر همه چیز درست شود، تأثیر چنین کار به ظاهر ناچیز و آسانی دیری نخواهد آمد.

    و اگر مشکلی دارید - با متخصصان ما تماس بگیرید، ما آماده ایم تا بررسی کنیم که آیا عناوین سایت شما به درستی املا شده است یا خیر، در صورت بروز خطا به درستی ثبت نام کنید و به هر سوالی پاسخ دهید. گردآوری سرفصل ها برای 1 صفحه (+ انتخاب 3 کلید مربوطه) - از 450 روبل.

ایگور... به روز رسانی: 6 اکتبر 2012.

سلام خوانندگان عزیز! من به انتشار در بخش ادامه می دهم و پست امروز به شکل گیری سرفصل های html (برچسب های h1-h6) و همچنین روش های قالب بندی متن html با برجسته کردن کلمات یا عبارات لازم (تگ های قوی، b; em، i) اختصاص خواهد یافت. ) و تکه های متن (بلاک نقل قول، پیش برچسب ها) ...

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

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

تگ های عنوان H1-h6

من مطمئن هستم که بسیاری از شما بارها با برچسب های عنوان h1-h6 برخورد کرده اید، با این حال، شاید برخی اهمیت آنها را از منظر سئو دست کم بگیرند. واقعیت این است که این برچسب ها نقش مهمی در پرونده دارند و من سعی می کنم به این جنبه نیز بپردازم. عناصر h1-h6 از حرف بزرگ کلمه انگلیسی "Header" نامگذاری شده اند. نحو هدرها در کد html به شرح زیر است:

محتوای هدر H1

محتوای سرفصل H2

محتوای هدر H3

محتوای سرفصل H4

محتوای سرفصل H5
محتوای سربرگ H6

با نوشتن این قطعه کد html زمانی که در مرورگر نمایش داده می شود، دریافت می کنیم:

بالاترین سطح 1 و کمترین آن 6 است. بنابراین، هر متنی را می توان از نظر اهمیت طبقه بندی کرد. تگ های H1-h6 تگ های سطح بلوک هستند، بنابراین عنوانی که آنها تعریف می کنند تا جایی که ممکن است فضای بیشتری را اشغال می کند. با این حال، حتی اگر این عناصر تگ های بلوکی هستند، نباید حاوی تگ های بلوک دیگری باشند، فقط برچسب های درون خطی. اگر نگران بهینه سازی مقالات و کل منبع به عنوان یک کل هستیم، چندین توصیه وجود دارد:

  • مهمترین آنها از نظر رتبه بندی توسط موتورهای جستجو، به ترتیب بیشترین تقاضا را دارند و اغلب مورد استفاده قرار می گیرند. توصیه می شود از عنوان تگ h1 یک بار در صفحه استفاده کنید (معمولاً در صفحه ای قرار می گیرد که عنوان مقاله به عنوان پست است، من تا الان در وبلاگم کمی مشکل داشتم، اما من قرار است وضعیت را درست کند). عنوان h2 برای عناوین فرعی استفاده می شود اگر مطالب بزرگ باشد و باید به بخش های منطقی تقسیم شود، h3 - برای زیر عنوان های قطعات منطقی این قسمت ها. علاوه بر این، h2 و h3 مجاز به استفاده در صفحه اصلی و صفحات دسته بندی هستند.
  • برچسب‌های h4، h5، h6 به ندرت استفاده می‌شوند، زیرا در رتبه‌بندی ضعیف در نظر گرفته می‌شوند. با این حال، اگر مقاله بزرگ است و لازم است برخی از قطعات را برای راحتی خوانندگان برجسته کنید، آنها نیز به کمک می آیند (به عنوان مثال، در یک کتابچه راهنمای حجیم در هر یک از قسمت های تعریف شده توسط عنصر h3، برای انتخاب تکه های منطقی با عنوان فرعی h4 مورد نیاز است. علاوه بر این، تگ های h4، h5، h6 را می توان برای نام هر بلوک در نوار کناری، فوتر (پانویس) و غیره استفاده کرد.
  • توصیه می شود از سرفصل های h1، h2، h3 بدون نقص استفاده کنید. البته، من شدت موتورهای جستجو را در زمانی که این قانون رعایت نمی شود، تحلیل نکردم، اما منطقی است که فرض کنیم در هنگام رتبه بندی به این موضوع توجه می شود.
  • باید اضافه کرد که محتوای سرفصل ها، به ویژه h1-h3، لزوما باید شامل کلمات کلیدی تعیین شده باشد، زیرا موتورهای جستجو اهمیت زیادی به کلمات و عبارات کلیدی می دهند.

خوب، البته استفاده از تگ های عنوان html، و این مهمترین چیز است، مطالب را کاربرپسندتر می کند. در مورد ویژگی align تگ های h1-h6 ، اکنون در مورد آن صحبت نمی کنم ، زیرا طبق قوانین مشخصات html استفاده از آن توصیه نمی شود. ما در مورد چگونگی تنوع بخشیدن به ظاهر عنوان های فرعی خود با استفاده از روش های قابل قبولی که با شروع کاوش خراب نمی شوند صحبت خواهیم کرد.

قالب بندی متن با استفاده از تگ های خاص HTML

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

قالب بندی منطقی و فیزیکی - ویژگی های استفاده از هر یک از آنها

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

بارزترین مثال ها قوی و em هستند که تگ های قالب بندی منطقی هستند و به ترتیب b و i تگ های قالب بندی فیزیکی هستند. هنگام نمایش متن قاب شده با تگ های قوی و b (بولد)، em و i (مورب) در مرورگر هیچ تفاوت بصری وجود ندارد:

متن پررنگ برای موتورهای جستجو متن پررنگ برای کاربران کج کردن متن برای موتورهای جستجو کج کردن متن برای کاربران

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

چه تگ های دیگری برای قالب بندی محتوای متنی وجود دارد

اکنون چند کلمه دیگر در مورد سایر تگ های قالب بندی متن که به ندرت استفاده می شوند، اما از آنجایی که وجود دارند، هنوز مورد نیاز هستند. شاید این اطلاعات برای کسی مفید باشد. طبق معمول، فقط آن تگ هایی را علامت گذاری می کنم که با مشخصات html 5 مطابقت دارند. بیایید با تگ های قالب بندی فیزیکی (بصری) شروع کنیم (تگ های b و i در بالا مورد بحث قرار گرفتند).

  • کوچک - در مقایسه با متن معمولی، اندازه فونت را یک‌بار کاهش می‌دهد.
سئو بهینه سازیسایت ها، وبلاگ ها، پورتال ها
  • فرعی - متن به عنوان زیرنویس نمایش داده می شود
  • اچ 2 O - فرمول شیمیایی آب
  • Sup - نمایش متن به عنوان بالانویس
  • ایکس 2= Y - فرمول ریاضی

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

    • Abbr - نشان می دهد که دنباله کاراکتر داده شده یک مخفف است. مخفف با استفاده از ویژگی رمزگشایی می شود عنوانو هنگامی که مکان نما را روی متن حرکت می دهید ظاهر می شود.
    Html - زبان نشانه گذاری فرامتن

  • نقل قول - برای برجسته کردن نقل قول ها استفاده می شود تامی دوار گاهی یک قدم به جلو مستلزم یک گام به عقب است.

  • کد - برای نمایش کدهای مختلف، به عنوان مثال، کد اسکریپت استفاده می شود
  • (تابع () (درخواست var، b = document.body، c = "className"، cs = "customize-support"، rcs = new RegExp ("(^ | \\ s +) (no -)?" + cs + " (\\ s + | $) ")؛ درخواست = درست؛ b = b.replace (rcs"")؛ b + = (window.postMessage && request?" ":" no- ") + cs; ) () );


  • دل - متن را با خط برجسته برجسته می کند. هنگامی که می خواهید متنی را که از نسخه جدیدی از یک سند حذف شده است علامت گذاری کنید، این بسیار مفید است. استفاده از این تگ به شما این امکان را می دهد که تغییرات ایجاد شده در متن را پیگیری کنید.
  • هنوز هیچ به روز رسانی وجود نداردوبلاگ
  • Ins - متن را با خط کشیدن زیر آن برجسته می کند. این نشان می دهد که این قطعه متن پس از انتشار سند درج شده است.
  • هنوز هیچ به روز رسانی وجود نداردوبلاگ، اما اکنون این نقص اصلاح خواهد شد
  • 1 مورد لیست گلوله‌ای
  • 2 مورد لیست گلوله ای
  • 3 مورد لیست گلوله ای
  • تگ های قالب بندی منطقی و فیزیکی بالا اغلب هنگام نوشتن کدهای html یافت نمی شوند، با این حال، حداقل برای روشن شدن نقش آنها در ارتقاء وب سایت مدرن، دانش در مورد آنها ضروری است. در مرحله بعد، بیایید به دو تگ قالب بندی متن html دیگر که نقش مهمی دارند نگاه کنیم.

    نحوه درج یک نقل قول با استفاده از blockquote و برجسته کردن یک قطعه متن با استفاده از pre

    تگ blockquote html برای قالب بندی متن با برجسته کردن نقل قول ها در یک سند استفاده می شود. این بسیار رایج است و اغلب هنگام نوشتن پست در وب سایت ها و وبلاگ های یک موضوع خاص استفاده می شود. در اینجا یک مثال است:


    تگ blockquote جفت است و می تواند شامل عناصر بلوک (مانند تگ های پاراگراف p) و عناصر درون خطی باشد.

    یک پاراگراف از متن محصور در یک تگ p

    یک پاراگراف از متن محصور در یک برچسب قالب بندی بلوک.

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

    خوب، و در نهایت، در مورد یک عنصر قالب بندی دیگر که اغلب مورد تقاضا است - پیش برچسب... این عنصر به شما این امکان را می دهد که متنی را که مستقیماً در کد html فرمت شده است را نمایش دهید. ویژگی نمایش در مرورگر به طور پیش‌فرض این است که هر تعداد فاصله‌ای که به‌طور متوالی پیش می‌روند به صورت یک در صفحه وب منتقل می‌شوند. تگ پیش به دور زدن این ویژگی خاص کمک می کند. یعنی روشی که شما نوشتید در صورتی که یک متن بین تگ های باز و بسته شدن قرار بگیرد قطعا در صفحه بازتولید می شود.

    قالب بندی متن HTML با استفاده از تگ پیش تگ - عنصر جفت و بلوک

    متن دقیقاً به همان شکل در مرورگر نمایش داده می شود:

    قالب بندی متن HTML با استفاده از تگ پیش تگ - عنصر جفت و بلوک

    خوب، این احتمالاً تمام چیزی است که امروز می خواستم در مورد تگ های عنوان h1-h6 و همچنین عناصر اصلی قالب بندی متن html صحبت کنم. ادامه مطمئناً دنبال خواهد شد، بنابراین حتماً در به‌روزرسانی‌های وبلاگ مشترک شوید تا مطالب تازه را از دست ندهید. خوب، در پایان، پس از یک مقاله طولانی دشوار، با تماشای برادران کوچکتر ما لبخند بزنید:

    آیا می خواهید مقالات به موقع، مرتبط و مفید دریافت کنید؟ سپس می توانید مشترک شوید:

    مقالات بیشتر در این زمینه:

    34 بررسی

    1. سرگئی

      از شما برای مقاله مفصل در مورد موضوع فعلی متشکریم، اما بلافاصله سؤالاتی ایجاد می شود.

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

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

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

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

    2. سرگئی

      ببخشید فراموش کردم که نوار موتور برچسب ها:

      1. در کد h1 باید نام سایت، h2 - عنوان مقاله، h3 - عنوان های فرعی وجود داشته باشد. فقط باید یک تگ در صفحه وجود داشته باشد.
      2. - عنوان مقاله h1 و نام سایت، h2 - عنوان های فرعی.

    3. ریحان

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

    4. ایگور

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

    5. ایگور

      دقیقا. 🙂

    6. ایگور

      واسیلی، من عنوان را در توابع تم درست در پنل مدیریت نوشتم. ظاهر - تم ها، برای تم من گزینه های زیادی وجود دارد که با آنها می توانید قسمت خاصی از موضوع من را ویرایش کنید، از جمله وارد کردن عنوان. و شما، همانطور که متوجه شدم، هدر اصلی تم خود را تغییر دادید، اینطور نیست؟ علاوه بر این، آنها تصویر را کاملاً تغییر دادند و تصویر قبلاً نام منبع شما را داشت. شما h1 را در کلاه قرار ندادید، از کجا می آید. به عملکردهای تم خود نگاه دقیق تری بیندازید، شاید عملکرد مشابهی در آنجا نیز وجود داشته باشد. جایی که «مدیریت تم‌ها» به نظر می‌رسد، باید پیوندهایی وجود داشته باشد، چیزی مانند «سفارشی کردن»، «گزینه‌های تم» و از قبل به دنبال پیوندی مانند «نام و توضیحات سایت» باشید. به عنوان مثال، در قالب من، می توانید با آپلود یک تصویر جدید، حتی رنگ های سایت و هدر را تغییر دهید. در نظرات لغو اشتراک کنید که چگونه اتفاق افتاد.

    7. ریحان

      بله، تصویر را در هدر تغییر دادم. در سایت تست، تصویر اصلی را برگرداند. به هر حال من هیچ جا H1 پیدا نکردم. یک تم دوقلو بسیار مشابه قرار دهید، این تگ نیز وجود ندارد، فقط H2. آیا می توان رشته هایی بدون تگ H1 وجود داشته باشد؟ سپس تم استاندارد را گذاشتم، این تگ را در صفحه اصلی پیدا نکردم، اما در صفحه تگ H1 در عنوان مقاله است. من نمی دانم چگونه آن را به هدر سایت اضافه کنم.

    8. ایگور

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

    9. ریحان

      تم استاندارد همه چیز را دارد. چنین گزینه هایی در تنظیمات خود تم وجود ندارد. در سراسر
      پنل مدیریت -> تم ها -> سفارشی سازی و توضیحات سایت. در آنجا نام سایت را نوشتم و
      توضیح کوتاه. اما هنوز تگ h1 وجود ندارد. تو سایت تست اینو دوباره نصب کردم
      موضوع، اینجا آدرس http://komp.vellisa.ru/ است. می توانید از طریق Yandex بروید، زیرا بسته است
      از نمایه سازی قبلاً وقتی نام سایت را در پنل مدیریت می نوشتم به هدر اضافه می شد اما ظاهر زیبایی نداشت. به دلایلی اکنون کتیبه ها اضافه نمی شوند.

    10. ایگور

      واسیلی، من در مورد مشکل شما تحقیق کردم. واقعیت این است که با توجه به سبک های css تم شما، عنوان محصور شده در تگ های h1 به سادگی در هدر قرار نمی گیرد. موارد زیر را امتحان کنید. اگر با مرورگر کروم کار می کنید، مکان نما را به سمت تصویر در هدر حرکت دهید و راست کلیک کنید، از منوی زمینه، "View element code" را انتخاب کنید. در نیمه پایین پنجره، کد html این تصویر خاص را مشاهده می کنید، این خط با رنگ آبی تیره برجسته می شود. این لینک مربوط به تصویر هدر موضوع شماست. سبک های این عنصر در سمت راست ارائه خواهد شد. بر روی این پیوند راست کلیک کرده و از منوی زمینه "Delete node" را انتخاب کنید. ببینید مورد از بین رفته است؟ امیدوارم متوجه شده باشید که پس از راه اندازی مجدد مرورگر همه چیز در جای خود قرار می گیرد، بنابراین می توانید هر چقدر که دوست دارید آزمایش کنید. شما این عنصر را در یک ظرف دارید<_div class="span-11">... پس از حذف لینک تصاویر، لینک صفحه اصلی باقی می ماند. به عنوان لنگر برای این پیوند، هر کلمه ای را که در تگ های h1 محصور شده است بنویسید، به عنوان مثال World. یعنی چیزی شبیه به این خواهد بود: پیوندی به صفحه اصلی محصور در ظرف span-11<_a_href vellisa.ru_=""><_h1>جهان<_><_>... و بلافاصله این کلمه را در جای تصویر خواهید دید (که اتفاقاً نیازی به آن نیست ، زیرا همانطور که متوجه شدم نام موضوع وجود دارد. سعی کنید به جای این تصویر ، یک عکس کوچکتر بارگذاری کنید و دوباره سعی کنید نام سایت را از طریق پنل مدیریت بنویسید در صورت عدم موفقیت ما بیشتر عمل می کنیم.

    11. ریحان

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

    12. ایگور

      واسیلی، کمی صبر، الان خیلی شلوغ است، به محض اینکه مشکل را حل کنم، قول نمی دهم، اما سعی می کنم کمک کنم، پاسخ را در نظرات ارسال می کنم.

    13. ریحان

      ممنون ایگور البته صبر می کنم، این موضوع فوری نیست.

    14. اوگنی

      قبول دارم که تگ ها امری ضروری است و نادیده گرفتن آنها عزیز من است. اگر H1 H2 تقریباً به طور خودکار در صفحه (عنوان مقاله و سایت) ظاهر می شود، H3 باید با قلم در بدنه مقاله نوشته شود.
      در هزینه صفت تراز کردن با این تگ ها یک گزینه بحث برانگیز است. من هنوز متوجه تأثیر آن بر تبلیغات نشده ام، بلکه اینطور نیست. از نظر اعتبار نیز هیچ تخلفی وجود ندارد. بنابراین حدس می‌زنم این به همه بستگی دارد.

    15. ایگور

      یوجین، واقعاً هیچ تأثیری در ارتقاء ویژگی align وجود ندارد، اما تا آنجا که به اعتبار مربوط می شود، شما هیجان زده شدید. استفاده از آن نه تنها مطابق با مشخصات html 5، بلکه حتی مطابق با html 4.01 توصیه نمی شود. به جای این ویژگی، توصیه می شود از ویژگی مشابه text-align استفاده کنید که در css نوشته شده است.

    16. ایگور

      واسیلی، متاسفم که مجبور شدم مدت زیادی صبر کنم. من فقط کمی تخلیه کردم و الان مشکل شما را حل کردم. دستورالعمل های بیشتر من را دنبال کنید تا هدر H1 در هدر ظاهر شود. ابتدا باید تصویر هدر خود را ویرایش کنید. شما آن را در اینجا دارید: http://vellisa.ru/wp-content/themes/cooltext643525798.png، یعنی در پوشه ای با موضوع فعلی. با استفاده از مثال، آن را در رایانه خود بارگیری کنید. آن را در هر ویرایشگر گرافیکی باز کنید، حتی یک برنامه رنگ ساده این کار را انجام می دهد. در آنجا، کتیبه "vellisa.ru" را با یک پاک کن ساده پاک کنید. اگر این کار انجام نشود، یک کتیبه دوتایی وجود خواهد داشت، یا کتیبه با h1 روی آن قرار می گیرد، زشت به نظر می رسد. سپس فایل header.php را با notepad ++ که مسئول هدر است باز کنید، خط را در آنجا پیدا کنید.

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

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

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

    برچسب H1 - ارزش برای ارتقاء

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

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

    قوانین پر کردن عنوان H1

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

    1. هر صفحه باید دارای یک تگ H1 باشد.
    2. تگ باید حاوی یک کلمه کلیدی باشد که صفحه توسط آن تبلیغ می شود.
    3. محتوای عنوان H1 باید برای هر صفحه منحصر به فرد باشد.
    4. تگ H1 نباید هایپرلینک باشد.
    5. مطلوب است که تگ شامل کلاس ها، شناسه ها و سایر عناصر CSS نباشد، اما به شکل "برهنه" باشد.
    6. استفاده از علائم نگارشی، کاما، دو نقطه و غیره در محتوا توصیه نمی شود.
    7. اندازه تگ نباید بیشتر از دو جمله باشد، یکی بهتر است.

    در html-code، عنوان صفحه باید به شکل زیر باشد:

    تگ H1 عنوان صفحه است

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

    کنترل پر کردن تگ H1 در سراسر سایت در چارچوب انجام می شود. ابزارهای مناسب زیادی برای انجام چنین ممیزی وجود دارد. من به شما یک سرویس از Megaindex را توصیه می کنم - audit.megaindex.ru .

    تگ H1 مورد استفاده در وردپرس

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

    پس از ایجاد وبلاگ من با استفاده از Artisteer، همین نقص در وبلاگ من آشکار شد. هنگام نگاه کردن به کد HTML، مشخص شد که تمام عناوین صفحات با یک تگ H2 ارائه می شوند.

    برای رفع این مشکل، مجبور شدم فایل را ویرایش کنم single.php، این همان چیزی است که اکثر الگوها فایل هایی را که اطلاعات را برای هر رکورد نمایش می دهند نام گذاری می کنند. چگونه این کار را اکنون انجام دادم به وضوح نشان خواهم داد.
    در بدنه فایل single.phpبه دنبال کدی هستید که عنوان را نمایش دهد. در مورد من، این یکی شبیه این بود:





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





    در مورد شما، ممکن است تعبیر کمی متفاوت باشد، اما امیدوارم معنی را درک کرده باشید.

    من مجبور شدم تغییرات مشابهی را با یک فایل تم دیگر ایجاد کنم page.php، که وظیفه نمایش صفحات وبلاگ را بر عهده دارد. همانطور که می دانید یک وبلاگ در CMS WordPress حاوی پست ها و صفحات است.

    توابع ایجاد و اصلاح آنها در بخش های مختلف مدیریت وبلاگ قرار دارد، آنها در مکان های مختلف ذخیره می شوند و بر این اساس، ماژول های برنامه های مختلف مسئول خروجی آنها هستند.

    در نتیجه یک قطعه کد در فایل page.php، که عنوان صفحه را نشان می دهد، به شکل زیر است:


    "Rel = نشانک "title ="»>


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

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

    تگ H1، تنظیمات قالب وردپرس

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

    برای این کار فقط دو فایل اصلاح می شد.

    اولین header.phpفایل خروجی هدر وبلاگ است.

    دومین style.css- فایلی که سبک های وبلاگ را توصیف می کند.

    تغییرات header.php

    در پیدا می کنیم header.phpقطعه ای که عنوان وبلاگ را نمایش می دهد و تگ عنوان h1 را به تگ پاراگراف p تغییر می دهد. در نتیجه کد زیر را دریافت کردیم.

    فایل Style.css تغییر می کند

    با رنگ آبی نام کلاس css را هایلایت کردم که باید در فایل تصحیح کنیم style.cssبه طوری که فونت و اندازه خروجی عنوان وبلاگ مانند قبل از تغییرات باقی بماند. سپس، فایل سبک را باز کنید، کلاس مورد نیاز "art-Logo-name"، قطعه زیر را جستجو کنید

    h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a: پیوند, h1 .art-Logo-name a: بازدید شده, h1 .art-Logo-name a: شناور
    {

    اندازه فونت: 29px;
    text-decoration: هیچ;
    بالشتک: 0;
    حاشیه: 0;
    رنگ: # E0EDF0!مهم.
    }

    من تمام h1 هایلایت شده با رنگ قرمز را به p تغییر می دهم و نتیجه را دریافت می کنم

    p.art-Logo-name، p
    {
    font-family: Arial، Helvetica، Sans-Serif.
    اندازه فونت: 29px;
    text-decoration: هیچ;
    بالشتک: 0;
    حاشیه: 0;
    رنگ: # E0EDF0!مهم.
    }

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

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

    در این مورد به خودم اجازه می دهم که کار را تمام کنم و برای شما آرزوی موفقیت می کنم.

    مقالات مرتبط برتر