مرکز آموزش

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

بياييد به گوگل راجب عکس زير توضيحاتي دهيم:
موتور هاي جستجو از موجوديت عکس بروي صفحه وب شما با خبرند چون ما در صفحه HTML خود از تگ <img> استفاده کرده ايم اما موتور هاي جستجو تمام اطلاعاتي که درباره اين عکس دارند فقط يک آدرس يا url مي باشد.
کاربران و بازديد کنندگان به سادگي مي توانند عکس شما را ببيند و با يک نگاه بدانند که اين عکس يک ماشين گولف است اما موتور هاي جستجو اين قدرت تشخيص را نخواهند داشت.
ما مي توانيم با استفاده از صفت alt و انتخاب نام مناسبي براي تصويرمان موتور هاي جستجو را براي تشخيص بهتر ياري کنيم.

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

<img src=”ford-gt40.jpg” alt=”نقره اي و نارنجي رنگ” />

با اين روش ما دو تکه اطلاعات مهم به موتور هاي جستجو داده ايم:
• تصوير ما ، تصوير اتومبيل Ford GT40 است.
• رنگ نقره اي و نارنجي دارد.
حال اگر کسي در اينترنت کلمات “نقره اي نارنجي gt40? را جستجو کند، تصوير شما شانس بيشتري براي ديده شدن در نتايج اول جستجو خواهد داشت.
شما ديديد که اضافه کردن صفت alt کار بسيار راحتي است. شما فقط بايد بهHTML صفحه وبتان دسترسي داشته باشيد.

برچسب alt در استفاده از سيستم هاي مديريت محتوا:
اگر از ورد پرس فارسي استفاده مي کنيد زمان بارگذاري پرونده ها پس از بارگذاري تصويرتان قسمت “متن جايگزين” همان صفت alt مي باشد پس قسمت متن جايگزين را با دقت پر کنيد.
و اگر از ورد پرس انگليسي استفاده مي کنيد زمان Upload Media پس از بارگذاري تصويرتان قسمت Alt Text همان را با دقت پر کنيد.

نام فايل
اگر شما قصد داريد تصويرتان را حتي بيشتر از اينها بهبود دهيد شما بايد نام فايل تصويرتان را تغيير دهيد. شما بايد از يک نام توصيفي تر استفاده کنيد تا موتور هاي جستجو را ياري کنيد.
وقتي شما با دوربي هاي ديجيتال عکس مي گيريد نام پيشفرض دوربين براي عکستان چيزي شبيه “DSC0127.jpg” خواهد بود.
اگر شما فايل عکستان را با همين نام بر روي وب آپلود کنيد، يعني شما از نام فايلتان براي کمک به موتورهاي جستجو هيچ استفاده اي نکرده ايد وهيچ اطلاعاتي به آن ها نداده ايد. درست است, ممکن است شما از صفت Alt استفاده کرده باشيد اما شايد اين کافي نيست تا به موفقيت دلخواهتان برسيد.
بجاي استفاده از نام “DSC0127.jpg” استفاده از نامي مانند “basket of green apples.jpg” که به معني سبد سيب سبز مي باشد، نام مناسب تري نيست؟
سعي کتيد از علامت خط فاصله براي جدا کردن کلمات استفاده کنيد و از علامت هاي جمع (+) و يا زير خط(_) استفده نکنيد چون اين علامات، علامت هاي جداکننده نيستند. با استفاده از خط فاصله موتور هاي جستجو توانايي تشخيص کلمات را خواهند داشت.

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

حجم عکس هايتان را بهبود ببخشيد.
اگر شما در صفحه وبتان يک يا دو تصوير داشته باشد شايد زياد به چشم نيايد اما اگر صفحه وبتان تصاوير فراواني داشته باشد تفاوت عجيبي در سرعت بارگذاري صفحه وبتان احساس خواهيد کرد.
اغلب حجم زياد تصاوير به دليل وضوح تصوير و يا resolution آن ها مي باشد. معمولا فايل هايي با وضوح تصوير بالا متقابلا حجم زيادي هم دارند پس ما بايد تناسبي ميان کيفيت و حجم تصوير ايجاد کنيم.
براي اينکه تصميم درستي در اين باره بگيريم نياز داريم انواع مختلف تصوير را بر اساس فرمت آن ها و مزاياي هر فرمت بررسي کوتاهي بکنيم:
•    Jpg : تصاويري با اين فرمت قابليت فشرده سازي بر روي آن ها وجود دارد طوري که از کيفيت و وضوح تصوير کاسته مي شود اما نه بگونه ي زننده که به چشم بيايد. اغلب چشم افت کيفيت در اين تصاوير را تشخيص نمي دهد. اين فرمت تصوير به طور گسترده اي در وبسايت ها استفاده مي شوند.
•    Png : اين فرمت نيز اغلب استفاده مي شود به دليل اين که اين فرمت از خاصيت transparency تصوير پشتيباني ميکند که در تصاويري با فرمت JPG اين قابليت وجود ندارد.
•    Gif : اين فرمت بسيار فشرده مي باشد و فقط 256 رنگ را پشتيباني مي کند. اين فرمت انيميشن ها و تصاوير متحرک را پشتيباني مي کنند همين موجب حيات اين فرمت در عرصه وب است که بيشتر در آگهي هاي تبليغاتي مورد استفاده قرار مي گيرد.
اين که بگوييم کدام فرمت براي استفاده بهتر است چيز غيرممکني به نظر مي رسد. هر کدام از اين فرمت ها به نوبه خود قابليت هايي دارند که در جاي خاص خود بايد استفاده شوند. اگر شما مي خواهيد تصاويرتان را بهبود ببخشيد پيشنهاد من به شما استفاده از فرمتي است که کيفيت قابل قبول و حجمي کم ارائه دهد. شما در يک تصوير مي توانيد هر سه اين فرمت ها را تست کنيد و ببينيد کدام نتيجه مطلوبي بوجود مي آورند.
چيزي که بهتر است بدانيد اين است که شما نبايد با استفاده از HTML طول و عرض تصاوير را تغيير دهيد چون اين کار هيچ تاثيري در حجم تصوير نخواهد داشت. به عنوان مثال ايده بسيار بديست که يک تصوير 600*800 بارگذاري کنيد و آن را با استفاده از صفت هاي height و width به 300*400 برسانيد.
دليل تغيير نکردن حجم در اين موارد اين است که تصوير ابتدا توسط مرورگر کاربران دانلود مي شود و بعد از دانلود طول و عرضشان توسط HTML کم يا زياد مي شود.
اگر شما مي خواهيد از مناسب بودن تصوير انتخابيتان در صفحه وب با خبر شويد ميتوانيد از ابزار YSlow و يا Google Page Speed Insights استفاده کنيد. البته ابتدا بايد تحريم ها را دور بزنيد. تکنيک ها زير تيز مي تواند براي تنظيم دستي تصوير کارساز باشد:
•    Clever PNG Optimization Techniques
•    JPEG Optimization
•    Optimizing GIF Images

سخن پاياني
ممکن است برخي براي مشاهده تصاوير از   Google Image Search يا همان جستجوي تصوير گوگل استفاده کنند. اين جستجو ها مي توانند ترافيک قابل توجهي را به سمت سايت شما روانه کنند.  پس سعي کنيد هميشه يک نقشه سايت اختصاصي عکس ها براي سايتتان فراهم کنيد تا دسترسي به آن ها را  براي موتور هاي جستجو راحت تر کنيد.

نتيجه
بهينه سازي تصاوير براي موتور هاي جستجو نيازمند سه فاکتور است:
•    نام فايل که در آن نبايد از اعداد تصادفي و يا حروف هاي غير مرتبط و تصادفي استفاده شود و نامي کاملا مفهوم و مرتبط استفاده شود.
•    حجم فايل که بايد تا حد امکان پايين باشد که دليل آن بالا رفتن سرعت بارگذاري صفحه است که امروزبه يک فاکتور اساسي گوگل يراي رتبه دهي تبديل شده است.
•    و مهمتر از همه اين ها صفت alt که ساده ترين و مفيد ترين روش براي اين کار است.