با سلام خدمت تمامی علاقمندان به مباحث طراحی سایت با HTML از سری آموزش های سایت میزفا ، در جلسه گذشته به معرفی صفتهای عمومی در HTML پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ b و تگ strong در HTML که به منظور ضخیم کردن متن در HTML به کار میروند آشنا نماییم .
سرفصلهای پست
معرفی تگ b و تگ strong
با استفاده از تگ b و strong در HTML می توانیم محتوای درون این تگ ها را به صورت ضخیم یا توپر نمایش دهیم . به مثال های زیر توجه کنید در این مثال ها عبارت طراحی سایت به صورت ضخیم نشان داده میشود.
برای درک بهتر کاربرد تگ b و strong در طراحی سایت به مثال زیر توجه کنید :
<p> آموزش <b> طراحی سایت </b> </p> <p> آموزش <strong> طراحی سایت </strong> </p>
تفاوت تگ b و تگ strong
حال شاید برای شما این سوال پیش بیاید که تگ b و strong هر دو باعث ضخیم شدن محتوای درون خود میشوند پس چه تفاوتی بین این دو وجود دارد؟
در پاسخ به این سوال باید گفت که تگ b و تگ strong و از نظر معنایی با هم متفاوت هستند یعنی زمانی که محتوای مهمی داریم و میخواهیم به موتورهای جست وجو اعلام کنیم که به این محتوا یا کلمه کلیدی اهمیت ویژه ای بدهد از تگ strong استفاده میکنیم و زمانی که محتوای ما محتوای مهمی نیست و تنها میخواهیم آن را ضخیم کنیم از تگ b استفاده میکنیم.
اهمیت تگ strong در سئو سایت
تگ strong در سئو سایت اهمیت است. و همانطور که در قسمت تفاوت تگ b و strong اشاره کردیم زمانی که بخواهیم به موتورهای جست و جو بگوییم که محتوایی که ضخیم شده محتوای مهمی است از این تگ استفاده میکنیم. برای کسب اطلاعات بیشتر درباره ی سئو و بهینه سازی سایت پیشنهاد میکنم مقالات آموزشی سئو سایت میزفا را از دست ندهید .
سبک نگارش تگ b و تگ strong
تمامی مرورگرها به صورت پیش فرض تگ b و strong را با سبک نگارش و یا استایل زیر نمایش میدهند که البته شما میتوانید با استفاده از CSS این سبک نگارش را تغییر دهید .
strong {
font-weight: bold;
}
b {
font-weight: bold;
}
[box type=”note” class=”” width=”100%”]
توجه : تگ های b و strong توسط تمامی مرورگرها پشتیبانی میشوند.
[/box]
پایانترم
[box type=”info” class=”question-from-users” width=””]سوال:
در زمانی که سئو برای ما اهمیت دارد بهتر است از کدام تگ برای توپر کردن یا Bold کردن متن استفاده کنیم؟ راه دیگری جز استفاده از تگ ها برای توپر کردن متن ارائه دهید.
به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبتنام کنید تا بتونید از این امتیاز استفاده کنید.)
[/box]نتیجه گیری
خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML میپردازیم. درصورتی که سوالی داشتید حتما در نظرات وبسایت میزفا مطرح کنید.
27 پاسخ
جواب سوال:
برای توپر کردن کلمات مهم از تگ strong استفاده می کنیم
به غیر از استفاده از تگ به صورت مستقیم، می توانیم با استفاده از کدهای css ضخامت نوشته خود را زیاد کرده و متن را بولد کنیم(استایلش را عوض کنیم)
زمانی که سئو برای ما اهمیت دارد بهتر است تگstrong برای توپر کردن متن استفاده کنیم
راه دیگه به نظرم استفاده از استایل دهی است که در قسمت css می نویسیم:
{b
font-weight: bold
{
بله درسته.
از strong
سلام فرهان، این تمرین بروزرسانی شده، لطفا پاسخ تمرین جدید رو هم برامون ارسال کن.
تگ strong
سلام علی اکبر دقیقا. مرسی. هدیهات را شارژ میکنیم به زودیه زود.
پاسخ سوال :
تگ strong
درود محمد عزیز، درست گفتی. همینطور با قدرت ادامه بده.
با سلام و تشکر از سایت خوبتون
من از تگ b و strong استفاده میکنم ولی جواب نمیده. میشه راهنماییم کنین که چرا جواب نمیده؟
سلام ستایش.
سوالت ناقص هست و تنها راهی که میتونیم پاسخ شما رو بدیم اینکه از طرف خدا وحی بشه شما دقیق چی کار کردید تا بتونیم پاسخ بدیم.
پس لطفا دقیق تر بیان کن.
My favorite food is pizza
من اینو وارد کردم ولی نتیجه ای نمیده. میشه بگید مشکلش چیه؟
نتیجه میده. حتما خروجی سایتت یک مشکل داره که بدون بررسی نمیشه گفت. الان همینجا تو میزفا اومدی نوشتی و bold شد و نتیجه داد.
سلام وقت بخیر – ممنون از مطالب خوبتون
تگ استرانگ رو چطور ایجاد کنیم؟ ممنون میشم راهنمایی بفرمایید
سلام علی اصغر.
نمونه کدش رو داخل مقاله گذاشتیم. مثال داخل مقاله بهتون کمک نکرده؟
عالی متوجه شدم – ممنونم
سلام. وقت بخیر
راستش در مورد تاثیر تگ های b , strong , i , em در سئوی سایت، من ی مقاله ی دیگه خوندم ک دقیقا عکس شما گفته. و گفته گوگل هیچ تفاوتی بین هیچکدام از این تگ ها نمی ذاره و چندین دلیل دیگه آورده….
حالا بالاخره ما نفهمیدیم واقعا روی سئو تاثیر داره یا نه
لینکش رو میذارم اگه میشه بررسی کنید و پاسخ بدید:
ممنون
سلام مجتبی.
اصولا به تگ های strong و کلا html5 ها که معنای خاصی برای ربات گوگل دارن میگن تگ های Semantic یا معنایی. ربات گوگل به این تگ ها توجه میکنه ولی بسیار بسیار فاکتور ضعیفی هست، درواقع سهم بسیار کمی در بین فاکتورهای سئو داره، برای همینه خیلی ها میگن نه اثر نداره، چون این موضوع میتونه تحت تاثیر نگاه ما هم قرار میگیره.
مثلا من میبینم انقدر این فاکتور ریز و کوچیک هست که به همه میگم اهمیت نداره، چون میدونم اگر استفاده نکنی مشکل خاصی نمیخوری.
با این حال بهتره از تگ های جدید و مفهومی استفاده کنی، مثل تگ strong و بدان سئو وابسته به این تگ نیست، شاید اثر بذاره ولی اثرش اصلا قابل تشخیص نیست.
موفق باشی.
آهان. خیلی ممنون
(البته اونجا گفته بود گوگل اصلا به این تگ ها توجه نمیکنه و… ، نه اینکه اینقدر اهمیتش کمه که تاثیری نداره؛ ولی من خودم شخصا شما رو خیلی بیشتر قبول دارم و لذا این جواب شما رو صحیح تر میدونم)
موفق باشید
سلام.من وقتی میخوام یک قالب را ویرایش کنم اول dir+text-align را راست چین میکنم. بعد وقتی میخوام بین دو ایکون فارسی بنویسم جهت ایکون ها برای فارسی تغییر میکند و بهم میریزه راهنمایی دارید ؟
مثال:
وبسایت: http://www.example.com
خروجیش : >وبسایت: http://www.example.com
درحالی که اون فلش اول باید بینشون باشد!!!
سلام علی، لطفا کدت رو برامون داخل codepen قرار بده بفرست بررسیش کنیم.
بدون کد هات فقط این راهنمایی ها رو میتونم بهت بکنم :
وقتی دایرکشن یک متن رو rtl میکنی، اگر text-align نداره نیازی نداره بهش text-align بدی.
میتونی به صورت اختصاصی به آیکون هات direction بدی ببینی کارت راه میوفته یا نه.
با عرض سلام و خسته نباشید
آیا تگ b سینگل است یا خیر؟
سلام فاطمه. سینگل کوتیشن منظورت هست؟ توی این تگ ها اصلا بحث سینگل مطرح نیست. نه دابل هست و نه سینگل.
سلام.
من در زمینه فروش جاروبرقی و لوازم فعالیت میکنم و خیلی به سایت شما مراجعه میکنم تا اطلاعاتی رو که لازم دارم کسب کنم.
از این که به زبان آمیانه مطلب رو تشریح میکنید ممنونم.
سلام، خوشحالیم. موفق باشی سعید جان.
عرض سلام و احترام
وقتتون بخیر
آیا bold کردن تگ h2 مشکلی مشکلی نداره ؟ یا نباید کلا hها رو bold کرد ؟
با تشکر فراوان
سلام. از نظر سئو اگر منظورتون هست خیر. هر چند در هر کاری زیاده روی بشه جالب نیست. بیشتر تجربه کاربری مهم تر هست.