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

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

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

آشنایی تگ عکس

 

Image Title

 

 

 

  • ویژگی ALT : این قسمت بعنوان توضیح عکس محسوب میشه و اگر عکس شما لود نشه (به هر دلیلی) این نوشته جایگزین عکس خواهد شد. این قسمت باید حتماً مرتبط با عکس باشه.
  • ویژگی Title : این قسمت در واقع وقتی موس روی عکس قرار بگیره لود میشه . میتونید مقدارش رو برابر alt در نظر بگیرید .
  • ویژگی های Width و Height عکس : در صورتی که در سایت خودتون عکس رو قرار میدید اگر طول و عرض عکس مشخص نباشه مرورگر باید عکس رو لود کنه تا بتونه به بقیه قسمت ها برسه . چون مقدار فضای مورد نیاز عکس رو نمیدونه . اما اگر به مرورگر بگید که سایز عکستون چقدره اونوقت مرورگر جای عکس رو خالی میزاره . متن ها رو لود میکنه و در ادامه میاد عکس ها رو لود میکنه . اینطوری کاربرتون به متن مورد نظرش به سرعت دسترسی پیدا میکنه و مجبور نیست تا لود کامل سایت صبر کنه

استفاده از تگ تصویر شاخص در قالب وردپرس

 

 'thumbnail', 'alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'' ) ); ?>

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

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

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

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

 

function add_alt_tags( $content ){
global $post;
preg_match_all('//', $content, $images);
if( !is_null( $images ) ){
foreach( $images[1] as $index => $value ){
if( !preg_match( '/alt=/', $value ) ){
$new_img = str_replace( '/', $content, $images);
if( !is_null( $images ) ){
foreach( $images[1] as $index => $value ){
if( !preg_match( '#title=#', $value ) ){
	 $new_img = str_replace( '

 
موفق باشید!

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

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

  2. پریا گفت:

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

  3. بازدید کننده گفت:

    لطفا کد بالا را اصلاح کنید
    preg_match_all(‘//’, $content, $images);

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