بررسی استانداردهای عکس رپورتاژ؛ از ابعاد مجاز تصویر تا اصول نوشتن متن جایگزین

مرحله‌ی نهایی و تعیین‌کننده پیش از ارسال محتوا برای ناشر، بررسی وضعیت فنی تصاویر است. سیستم مدیریت محتوای سایت‌های میزبان برای جبران فایل‌های غیراستاندارد، آن‌ها را به‌صورت خودکار فشرده می‌کنند که خروجی آن اغلب تصاویری بی‌کیفیت است. برای جلوگیری از این اتفاق، در این مطلب معیارهای دقیق تعیین سایز، ابزارهای کاهش حجم آنلاین بدون تخریب بافت عکس و قواعد مهم سئوی تصاویر را معرفی کرده‌ایم تا محتوای شما دقیقاً با بالاترین بازدهی و همان کیفیتی که طراحی کرده‌اید به دست مخاطب برسد.

فرض کنید ساعت‌ها برای نوشتن یک رپورتاژ حرفه‌ای زمان می‌گذارید و هزینه‌ی قابل‌توجهی برای انتشار آن می‌پردازید، اما بعد از انتشار می‌بینید عکس‌ها تار شده‌اند، کادربندی آن‌ها به هم ریخته یا صفحه به‌شدت کند لود می‌شود. این مشکل عموماً ریشه در عدم رعایت استانداردهای ناشر برای ابعاد و حجم فایل‌های رسانه‌ای دارد. یک تصویر سنگین یا ناموزون به‌راحتی می‌تواند تمام زحمات تیم سئو را هدر دهد و نرخ پرش کاربر را به‌شدت بالا ببرد.

ابعاد و تناسب استاندارد عکس در رپورتاژ

انتخاب ابعاد درست برای عکس‌های رپورتاژ فقط یک موضوع زیبایی‌شناختی نیست؛ بلکه مستقیماً روی سرعت بارگذاری صفحه، تجربه‌ی کاربری و تأیید نهایی توسط سایت ناشر تأثیر می‌گذارد. اگر ابعاد عکس با استانداردهای قالب سایت هدف هم‌خوانی نداشته باشد، تصویر شما یا توسط سیستم ناشر به‌صورت خودکار برش می‌خورد که باعث حذف بخش‌های مهم آن می‌شود، یا با ایجاد یک قاب ناموزون، ساختار بصری صفحه را به هم می‌ریزد. در ادامه اندازه‌ی دقیق و تناسب طلایی تصاویر را برای دو جایگاه اصلی رپورتاژ بررسی می‌کنیم تا محتوای شما به تمیزترین شکل ممکن منتشر شود.

سایز مناسب برای تصویر اصلی یا شاخص

تصویر اصلی یا شاخص اولین المان بصری است که مخاطب در بالاترین بخش رپورتاژ یا در لیست مقالات صفحه‌ی اصلی سایت ناشر می‌بیند. این عکس باید به‌گونه‌ای طراحی شود که در نمایشگرهای مختلف، از موبایل گرفته تا دسکتاپ، بدون افت کیفیت و به‌هم‌ریختگی نمایش داده شود. بهترین تناسب برای تصویر شاخص در بیشتر سایت‌های خبری و مجلات اینترنتی، نسبت ۱۶:۹ یا در برخی موارد ۴:۳ است.

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

عرض و ارتفاع توصیه‌شده برای عکس‌های داخل متن

عکس‌های داخل متن برای شکستن یکنواختی پاراگراف‌ها، ارائه‌ی اسناد، نمایش جدول‌ها یا نشان دادن جزئیات یک محصول استفاده می‌شوند. قانون کلی برای این تصاویر، هماهنگی با عرض ستون محتوای سایت ناشر است. بیشتر سایت‌های استاندارد، عرضی بین ۷۰۰ تا ۹۰۰ پیکسل برای بخش متن مقاله در نظر می‌گیرند. بنابراین، تنظیم عرض عکس‌های داخلی روی عدد ۸۰۰ پیکسل یک انتخاب امن و کاربردی است که معمولاً در تمام رسانه‌ها به‌درستی نمایش داده می‌شود.

نکته‌ی مهم دیگر مدیریت ارتفاع این عکس‌هاست. ارتفاع تصاویر داخلی نباید آن‌قدر زیاد باشد که کل صفحه‌نمایش کاربر (به‌ویژه در گوشی‌های موبایل) را پر کند و ارتباط او را با متن قطع کند. بهتر است ارتفاع عکس‌های داخل متن را همیشه زیر ۶۰۰ پیکسل نگه دارید.

برای نمونه، اگر در حال انتشار رپورتاژ درباره‌ی راهنمای خرید دستگاه اسپرسوساز صنعتی برای کافه‌ها هستید و می‌خواهید قطعات داخلی دستگاه را نشان دهید، یک عکس افقی با عرض ۸۰۰ و ارتفاع ۵۰۰ پیکسل به‌صورت کامل و واضح در میان پاراگراف‌ها قرار می‌گیرد. در مقابل، استفاده از یک تصویر بسیار بلند باعث می‌شود کاربر مجبور به اسکرول طولانی شود که این وقفه، خوانش متن را مختل کرده و احتمال خروج او از صفحه را بالا می‌برد.

استانداردهای حجم و فرمت فایل تصویر

تصاویر باکیفیت به جذابیت محتوا و درک بهتر پیام کمک می‌کنند، اما اگر استانداردهای فنی در ذخیره‌سازی آن‌ها رعایت نشود، به جای کمک به سئو، به آن آسیب می‌زنند. سنگین بودن تصاویر یکی از دلایل اصلی کند شدن صفحات وب است و موتورهای جستجو به صفحاتی که دیر بارگذاری می‌شوند، رتبه‌ی خوبی نمی‌دهند. در ادامه بررسی می‌کنیم که چگونه می‌توانید تعادل میان کیفیت بصری و حجم فایل را به‌درستی برقرار کنید.

سقف حجم مجاز عکس برای جلوگیری از افت سرعت صفحه

حجم عکس مستقیماً روی سرعت بارگذاری صفحه تأثیر می‌گذارد. وقتی کاربر وارد صفحه‌ی رپورتاژ شما می‌شود، مرورگر او باید تمام فایل‌های تصویری را دانلود کند. اگر این فایل‌ها بیش از حد سنگین باشند، زمان زیادی طول می‌کشد تا صفحه کامل نمایش داده شود. در نتیجه، کاربر پیش از خواندن مطلب صفحه را می‌بندد و نرخ پرش سایت به‌شدت بالا می‌رود؛ این رفتار به گوگل پیام می‌دهد که محتوای شما برای مخاطب مفید نبوده است.

به‌عنوان یک قاعده‌ی کلی در وب، حجم هیچ عکسی در رپورتاژ نباید از ۱۰۰ کیلوبایت بیشتر باشد. برای تصویر اصلی که معمولاً ابعاد بزرگ‌تری دارد، تا ۱۵۰ کیلوبایت نیز قابل‌قبول است، اما عکس‌های داخل متن را حتماً زیر ۱۰۰ و ترجیحاً بین ۵۰ تا ۷۰ کیلوبایت نگه دارید.

برای مثال، فرض کنید یک کلینیک دندان‌پزشکی رپورتاژی درباره‌ی روش‌های نوین ایمپلنت منتشر کرده است. اگر تصویر نمونه‌کارها با حجم ۲ مگابایت در میان متن قرار بگیرد، کاربری که با اینترنت موبایل در حال مطالعه است، با یک صفحه‌ی کند مواجه می‌شود و به‌احتمال زیاد صفحه را ترک کرده و به سراغ سایت رقبا می‌رود.

انتخاب بهترین فرمت

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

فرضاً اگر در رپورتاژ یک شرکت نرم‌افزاری قصد دارید اسکرین‌شاتی از محیط برنامه یا یک نمودار مقایسه‌ای قرار دهید، استفاده از فرمت PNG باعث می‌شود اعداد و نوشته‌ها واضح و خوانا بمانند. اما اگر عکسی از تیم پشتیبانی شرکت در محیط دفتر گرفته‌اید، ذخیره‌ی آن با فرمت JPEG یا WebP حجم فایل را به‌شدت کاهش می‌دهد بدون اینکه کاربر متوجه افت کیفیت شود.

روش‌های فشرده‌سازی عکس بدون افت کیفیت

وقتی از کاهش حجم عکس صحبت می‌کنیم، اولین نگرانی افت کیفیت و تار شدن تصویر است. اما فشرده‌سازی لزوماً به معنای تخریب عکس نیست. الگوریتم‌های فشرده‌سازی با حذف اطلاعات غیرضروری فایل مانند داده‌های پنهان دوربین یا پیکسل‌های تکراری، حجم آن را پایین می‌آورند، در حالی که چشم انسان هیچ تغییری در ظاهر تصویر احساس نمی‌کند. برای رسیدن به این نقطه‌ی بهینه، دو مسیر اصلی شامل استفاده از نرم‌افزارهای حرفه‌ای یا کمک گرفتن از ابزارهای آنلاین پیش روی شماست.

تنظیمات خروجی استاندارد در فتوشاپ برای وب

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

1. پس از باز کردن عکس در فتوشاپ، از منوی File گزینه‌ی Export و سپس Save for Web را انتخاب کنید.
2. در پنجره‌ای که باز می‌شود، فرمت فایل را با توجه به نیاز خود روی JPEG یا PNG قرار دهید.
3. در همین بخش گزینه‌ای به نام Quality برای تعیین میزان کیفیت تصویر وجود دارد. در بیشتر مواقع، تنظیم این عدد روی ۶۰ تا ۷۰ بهترین تعادل را بین حجم پایین و کیفیت بالا ایجاد می‌کند.
4. در پایین و سمت چپ همین پنجره می‌توانید حجم نهایی فایل را پیش از ذخیره شدن ببینید. اگر فایل هنوز سنگین است، می‌توانید ابعاد یا کیفیت را کمی پایین‌تر بیاورید.

مثلاً اگر برای یک فروشگاه آنلاین تجهیزات کوهنوردی رپورتاژ می‌نویسید و عکسی از یک کوله‌پشتی با رزولوشن بالا دارید، با قرار دادن مقدار کیفیت روی ۶۵ در این بخش، حجم عکس بدون تار شدن بافت پارچه، به زیر ۱۰۰ کیلوبایت می‌رسد.

ابزارهای آنلاین و سریع برای کاهش حجم تصاویر

اگر به فتوشاپ دسترسی ندارید یا می‌خواهید چندین عکس را به‌سرعت و هم‌زمان بهینه‌سازی کنید، سایت‌های فشرده‌سازی تصویر بهترین انتخاب هستند. این ابزارهای تحت وب به‌صورت خودکار و با استفاده از هوش مصنوعی، رنگ‌ها و بافت‌های عکس را آنالیز می‌کنند تا فایل را بدون افت کیفیت محسوس تا حد امکان کوچک کنند. کاربردی‌ترین ابزارهای آنلاین در این زمینه عبارت‌اند از:

• سایت TinyPNG: با وجود کلمه‌ی PNG در نام این سایت، شما می‌توانید فایل‌های JPEG و WebP را هم در آن آپلود کنید. این ابزار حجم عکس‌ها را گاهی تا ۸۰ درصد کاهش می‌دهد و خروجی نهایی کاملاً برای انتشار در وب استاندارد است.
• سایت Squoosh: این ابزار که توسط شرکت گوگل توسعه داده شده است، به شما اجازه می‌دهد تصویر را آپلود کنید و با تنظیم دستی عکس، تفاوت کیفیت و حجم را قبل و بعد از فشرده‌سازی به‌صورت لحظه‌ای و بصری مقایسه کنید.

روند کار با این ابزارها بسیار ساده است و تنها با کشیدن و رها کردن عکس و سپس دانلود فایل نهایی انجام می‌شود؛ بنابراین هیچ دلیلی برای قرار دادن عکس‌های چند مگابایتی و سنگین در متن رپورتاژ باقی نمی‌ماند و می‌توانید سرعت بارگذاری صفحه را در بهترین حالت نگه دارید.

اقدامات ضروری سئو قبل از ارسال عکس برای ناشر

وقتی ابعاد و حجم عکس‌ها را استاندارد کردید، کار هنوز تمام نشده است. موتورهای جستجو مثل گوگل نمی‌توانند محتوای درون عکس را با چشم ببینند؛ آن‌ها تصویر را از طریق کدهای پشت آن، نام فایل و متن‌های مرتبط می‌فهمند. بنابراین، پیش از اینکه فایل‌ها را برای رسانه‌ی ناشر ارسال کنید، باید دو اقدام مهم سئو را روی آن‌ها انجام دهید تا مطمئن شوید عکس‌های شما در جستجوی تصاویر گوگل به‌درستی درک می‌شوند و به قدرت کلی رپورتاژ شما کمک می‌کنند.

نحوه‌ی صحیح نام‌گذاری فایل عکس

اولین سرنخی که به گوگل می‌گوید عکس شما درباره‌ی چیست، نام خود فایل در سیستم شماست. بسیاری از افراد عکس‌ها را با همان نام‌های پیش‌فرض دوربین یا نرم‌افزار، مانند IMG_2026.jpg یا screenshot-1.png برای ناشر می‌فرستند که این کار یک فرصت از دست رفته برای سئو است.

نام فایل باید دقیق و توصیف‌کننده‌ی محتوای همان عکس باشد. به جای استفاده از فاصله‌ی خالی (Space) بین کلمات، حتماً از خط تیره (-) استفاده کنید، زیرا موتورهای جستجو خط تیره را به‌عنوان جداکننده‌ی استاندارد کلمات می‌شناسند.

برای مثال، فرض کنید رپورتاژی برای معرفی خدمات یک شرکت باربری اینترنتی نوشته‌اید و عکسی از ناوگان کامیون‌های شرکت آماده کرده‌اید. به جای یک نام پیش‌فرض و نامفهوم، نام فایل را به چیزی شبیه internet-freight-trucks.jpg تغییر دهید. نام‌گذاری می‌تواند به زبان انگلیسی یا فینگلیش باشد، اما مهم‌ترین نکته این است که نام فایل به‌طور مستقیم محتوای همان عکس را توصیف کند و فقط تکرار کلمه‌ی کلیدی اصلی مقاله نباشد.

اصول نوشتن متن جایگزین (Alt Text) هدفمند

متن جایگزین نوشته‌ای است که در کدهای سایت قرار می‌گیرد تا اگر عکس به هر دلیلی برای کاربر باز نشد، آن متن به جای عکس روی صفحه نمایش داده شود. همچنین این متن توسط نرم‌افزارهای صفحه‌خوان برای افراد نابینا خوانده می‌شود و از همه مهم‌تر، منبع اصلی گوگل برای درک کامل موضوع تصویر است. در فرایند رپورتاژ، شما باید این متن‌ها را در یک فایل متنی جداگانه بنویسید و از ناشر بخواهید هنگام آپلود عکس‌ها، آن‌ها را در کادر مربوط به متن جایگزین وارد کند. برای نوشتن یک متن جایگزین اصولی و اثرگذار، رعایت سه نکته‌ی زیر ضروری است:

1. توصیف دقیق و شفاف: دقیقاً بنویسید در عکس چه چیزی دیده می‌شود. متن باید طوری باشد که اگر کسی عکس را ندید، با خواندن متن بتواند آن را در ذهن خود تصویرسازی کند.
2. استفاده‌ی طبیعی از کلمات کلیدی: اگر کلمه‌ی کلیدی به‌طور منطقی با تصویر ارتباط دارد آن را در جمله بیاورید، اما از قطار کردن و تکرار بی‌معنی کلمات به‌شدت پرهیز کنید.
3. طول مناسب: متن جایگزین باید کوتاه و در حد یک جمله‌ی روان فارسی باشد.

برای مثال، اگر در رپورتاژ خود درباره‌ی تجهیزات گلخانه‌ای، عکسی از یک سیستم آبیاری قطره‌ای دارید، نوشتن عبارت «بهترین تجهیزات گلخانه خرید ارزان تهران» به‌عنوان متن جایگزین یک خطای سئو است. توصیف درست و هدفمند برای این عکس می‌تواند این جمله باشد: «سیستم آبیاری قطره‌ای اتوماتیک در حال کار در یک گلخانه‌ی توت‌فرنگی». این جمله هم دقیق است، هم طول مناسبی دارد و هم به درک بهتر گوگل از بستر محتوا کمک می‌کند.

سوالات متداول

۱. اگر سایز عکس ارسالی از استاندارد سایت ناشر بزرگ‌تر باشد چه اتفاقی می‌افتد؟

معمولاً سیستم مدیریت محتوای سایت ناشر به‌صورت خودکار عکس را برش می‌زند یا فشرده می‌کند که می‌تواند به حذف بخش‌های مهم تصویر یا افت کیفیت آن منجر شود. در برخی موارد نیز ممکن است ساختار بصری صفحه به هم بریزد یا عکس به دلیل عبور از محدودیت‌های حجمی سرور، اصلاً آپلود نشود.

۲. آیا همه‌ی سایت‌های خبری و مجلات از فرمت WebP پشتیبانی می‌کنند؟

خیر، هنوز برخی از وب‌سایت‌های قدیمی‌تر یا رسانه‌هایی که سیستم خود را به‌روزرسانی نکرده‌اند، امکان آپلود این فرمت را ندارند. با وجود اینکه این فرمت امروزه در بیشتر سایت‌های استاندارد پشتیبانی می‌شود، بهتر است همیشه پیش از ارسال فایل‌ها، فرمت‌های مجاز را از ناشر بپرسید یا یک نسخه‌ی جایگزین از عکس‌های خود داشته باشید.

۳. دلیل اصلی تار شدن عکس‌ها بعد از آپلود در سایت ناشر چیست؟

دلیل اصلی این اتفاق فشرده‌سازی خودکار تصویر توسط هسته‌ی نرم‌افزاری سایت ناشر برای کاهش بار سرور است. اگر ابعاد یا حجم عکس پیش از ارسال به‌شکل اصولی بهینه‌سازی نشده باشد، سایت هدف برای جبران این موضوع کیفیت فایل را با الگوریتم‌های خودش کاهش می‌دهد که نتیجه‌ی آن از دست رفتن وضوح و تار شدن خروجی نهایی است.

۴. برای یک رپورتاژ هزار کلمه‌ای استاندارد، استفاده از چند عکس داخل متن منطقی است؟

استفاده از یک تصویر اصلی و حداکثر دو تا سه عکس داخلی برای یک متن هزار کلمه‌ای معمولاً ساختار بصری متعادل و مناسبی ایجاد می‌کند. این تعداد باعث می‌شود مخاطب از خواندن یک متن یکنواخت خسته نشود و در عین حال سرعت بارگذاری صفحه به دلیل تعدد فایل‌های رسانه‌ای افت نکند.