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

یکی از کارهایی که باید برای سئو یک وب سایت انجام بدهیم قرار دادن قراردادن تگ 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 اضاف شود.

 

[php]
function add_alt_tags( $content ){
global $post;
preg_match_all(‘/&lt;img (.*?)\/&gt;/’, $content, $images);
if( !is_null( $images ) ){
foreach( $images[1] as $index =&gt; $value ){
if( !preg_match( ‘/alt=/’, $value ) ){
$new_img = str_replace( ‘&lt;img’, ‘&lt;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 );
[/php]

موفق باشید!

۳ دیدگاه نوشته شده است! می توانید دیدگاه خود را بنویسید

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

  2. پریا گفت:

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

دیدگاه خود را به ما بگویید.