اهواز سایت

09300047417 :سفارش طراحی سایت

قراردادن تگ alt و title برای تصاویر

1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره
Loading...
نویسنده: | تعداد بازدید: | دسته بندي: بلاگ, سئو و بهینه سازی, کد وردپرس

یکی از کارهایی که باید برای سئو یک وب سایت انجام بدهیم قرار دادن قراردادن تگ alt و title برای تمامی تصاویر است.

برای انجام اینکار دو روش اتوماتیک و دستی وجود داره که اولی به صورت دستی بیایم به تمامی عکس های سایت تگ alt و title را تعریف کنیم.

آشنایی تگ عکس

<img scr="آدرس عکس" alt="نوشته جایگزین عکس" width="عرض عکس" height="ارتفاع عکس" title="با نگه داشتن موس بر روی عکس ظاهر می شود" />
  
  • ویژگی ALT : این قسمت بعنوان توضیح عکس محسوب میشه و اگر عکس شما لود نشه (به هر دلیلی) این نوشته جایگزین عکس خواهد شد. این قسمت باید حتماً مرتبط با عکس باشه.
  • ویژگی Title : این قسمت در واقع وقتی موس روی عکس قرار بگیره لود میشه . میتونید مقدارش رو برابر alt در نظر بگیرید .
  • ویژگی های Width و Height عکس : در صورتی که در سایت خودتون عکس رو قرار میدید اگر طول و عرض عکس مشخص نباشه مرورگر باید عکس رو لود کنه تا بتونه به بقیه قسمت ها برسه . چون مقدار فضای مورد نیاز عکس رو نمیدونه . اما اگر به مرورگر بگید که سایز عکستون چقدره اونوقت مرورگر جای عکس رو خالی میزاره . متن ها رو لود میکنه و در ادامه میاد عکس ها رو لود میکنه . اینطوری کاربرتون به متن مورد نظرش به سرعت دسترسی پیدا میکنه و مجبور نیست تا لود کامل سایت صبر کنه

قراردادن تگ alt و title برای تصاویر به صورت اتوماتیک با افزونه

در این روش باید از افزونه استفاده کنیم. افزونه هایی مانند SEO Engine و SEO Friendly Images این کار رو انجام میده.

قراردادن تگ alt و title برای تصاویر به صورت اتوماتیک بدون افزونه

این کد ها را در فانکشن قالب خود بزارید تا به صورت خودکار به تمامی تگ های عکس سایت خود alt و title اضاف شود.

 

function add_alt_tags( $content ){
global $post;
preg_match_all('/<img (.*?)\/>/', $content, $images);
if( !is_null( $images ) ){
foreach( $images[1] as $index => $value ){
if( !preg_match( '/alt=/', $value ) ){
$new_img = str_replace( '<img', '<img alt="'.get_the_title().'"', $images[0][$index] );
$content = str_replace( $images[0][$index], $new_img, $content );
}
}
}
return $content;
}
add_filter( 'the_content', 'add_alt_tags', 99999 );

موفق باشید!


برچسب ها: , ,

3
دیدگاه بگذارید

avatar
2 Comment threads
1 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
علی امینیپریا Recent comment authors
  Subscribe  
جدید قدیمی بیشترین امتیاز
اطلاع رسانی
trackback

[…] قراردادن تگ alt و title برای تمامی تصاویر […]

پریا
مهمان
پریا

برای اضافه کردن alt و title تو اپن کارت باید چیکار کنیم ؟؟

آیا نیاز به مشاوره بیشتر دارید؟ با تیم کارشناسی ما تماس بگیرید

مشاوره تلفنی و حضوری به صورت رایگان