بارگذاری تصویر ای‌نماد در سایت وردپرسی | افزایش سرعت و استقلال از سرور ای‌نماد

چرا تصویر ای‌نماد را به صورت محلی بارگذاری کنیم؟

بسیاری از وب‌سایت‌های ایرانی پس از دریافت نماد اعتماد الکترونیکی (ای‌نماد)، کد ارائه شده توسط درگاه نماد را مستقیماً در فوتر یا کنار سایت قرار می‌دهند. این کد شامل یک لینک (<a>) و داخل آن یک تگ <img> است که آدرس تصویر لوگو به سرور اصلی نماد (trustseal.enamad.ir) اشاره دارد.

این روش هرچند ساده است، اما دو مشکل اساسی ایجاد می‌کند:

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

2. اتصال به منبع خارجی – هر درخواست به دامنه‌ای غیر از سایت شما، مقداری از بودجه خزش (Crawl Budget) را مصرف و امتیاز سئوی فنی را کاهش می‌دهد. همچنین ممکن است در شبکه‌های داخلی یا برخی مرورگرها با محدودیت tracker مواجه شوید.

راه حل: تصویر لوگوی ای‌نماد را یک بار دانلود کرده و در پوشه رسانه سایت خود (مثلاً /wp-content/uploads/) ذخیره کنید، سپس کد اصلی را طوری تغییر دهید که از همان تصویر محلی استفاده کند، بدون اینکه لینک اعتبارسنجی (href) دست بخورد.

پیش‌نیازهای بارگذاری محلی ای‌نماد

• دسترسی به پیشخوان وردپرس (یا FTP هاست)

• کد فعال ای‌نماد که از درگاه رسمی دریافت کرده‌اید (مشابه نمونه زیر)

مرحله ۱: دانلود تصویر لوگوی ای‌نماد

کد فعلی خود را باز کنید. داخل تگ <img> به مقدار src نگاه کنید – آدرسی شبیه به این می‌بینید:

https://trustseal.enamad.ir/logo.aspx?id=123456&Code=ABC...

این آدرس را در یک برگه مرورگر جدید باز کنید. یک تصویر PNG (معمولاً ۸۰×۸۰ پیکسل) از لوگوی ای‌نماد نشان داده می‌شود. حالا:

• روی تصویر راست‌کلیک کنید → Save image as…

• نام فایل را مثلاً enamad-logo.png بگذارید و در کامپیوتر خود ذخیره کنید.

مرحله ۲: آپلود تصویر در مسیر محلی سایت

دو روش متداول:

روش A (ساده، از طریق وردپرس):
وارد پیشخوان وردپرس شوید → رسانه → افزودن و فایل دانلود شده را آپلود کنید. پس از آپلود، لینک فایل را کپی کنید (مثلاً https://sitedomain.com/wp-content/uploads/2025/05/enamad-logo.png).

روش B (مدیریتی – از طریق FTP یا File Manager هاست):
به پوشه wp-content/uploads/ بروید و سال/ماه جاری را انتخاب کنید. فایل تصویر را در آنجا بارگذاری کنید. سپس آدرس نسبی مثل /wp-content/uploads/2025/05/enamad-logo.png را یادداشت کنید.

نکته مهم: توصیه می‌کنم تصویر را در مسیری مشابه /wp-content/uploads/enamad/ یا همان شاخه سال/ماه قرار دهید تا در به‌روزرسانی‌های بعدی حذف نشود.

مرحله ۳: اصلاح کد HTML ای‌نماد

کد اصلی را که قبلاً در سایت قرار داده‌اید، پیدا کنید. سپس فقط مقدار src تگ <img> را با آدرس محلی جایگزین کنید. بقیه کد (از جمله href، referrerpolicy، style، target) را دقیقاً به همان شکل نگه دارید.

نمونه کد اصلاح شده:

فقط عبارت داخل src= را عوض کنید. اگر از آدرس نسبی (شروع با /) استفاده می‌کنید، مطمئن شوید که کل مسیر از ریشه دامنه درست باشد. همچنین توصیه می‌شود مقدار alt را به «نماد اعتماد الکترونیکی» تغییر دهید تا برای سئو مفید باشد.

مرحله ۴: جایگذاری کد جدید در سایت

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

اگر از وردپرس استفاده می‌کنید:

• روش ویجت: به بخش نمایش > ویجت‌ها بروید، یک ویجت «متن دلخواه» یا «کد سفارشی» به ناحیه فوتر اضافه کنید و کد را داخل آن بچسبانید.

• روش قالب فرزند: فایل footer.php قالب فرزند را ویرایش کرده و کد را به صورت دستی اضافه کنید (برای حرفه‌ای‌ها).

مرحله ۵: تست نهایی

• سایت خود را در حالت بی‌نام (Incognito) باز کنید.

• با کلید F12 قسمت Network را باز کنید و بارگذاری مجدد صفحه را ببینید. تصویر ای‌نماد دیگر از دامنه trustseal.enamad.ir درخواست نمی‌شود.

• روی تصویر کلیک کنید: باید به صفحه اعتبارسنجی نماد هدایت شوید و تصویر آنجا هم درست کار کند.

مزایای این کار (خلاصه)

✅ افزایش نمره سرعت در ابزارهایی مثل GTmetrix، Pagespeed Insights
✅ عدم وابستگی به در دسترس بودن سرور نماد
✅ کاهش درخواست‌های DNS خارجی
✅ امکان بهینه‌سازی حجم تصویر (مثلاً تبدیل به WebP)
✅ نمایش پایدار نماد حتی در زمان اختلال موقت سرویس نماد

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

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

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

آیا کد referrerpolicy و code در تگ img ضروری هستند؟
بهترین کار حفظ همان کد اصلی است. حذف code ممکن است در برخی نسخه‌های جدیدتر نماد اختلال ایجاد کند. پس همه خصوصیات را نگه دارید.

آیا می‌توانم تصویر را با فرمت وب‌پی جایگزین کنم؟
بله، اگر تصویر لوگو را به WebP تبدیل کنید و همان مسیر را در src= قرار دهید، سرعت بهتری هم خواهید داشت – فقط مطمئن شوید که مرورگر کاربر از WebP پشتیبانی می‌کند (امروزه بیش از ۹۵٪ مرورگرها پشتیبانی می‌کنند).

جمع‌بندی

با کمتر از ۵ دقیقه کار، می‌توانید وابستگی سایت خود به سرور خارجی را حذف کرده و سرعت بارگذاری صفحه اصلی (و تمام صفحاتی که فوتر مشترک دارند) را افزایش دهید. این یک تکنیک ساده اما مؤثر در بهینه‌سازی سئوی فنی و تجربه کاربری است.

اگر در هر مرحله به مشکل برخوردید، کد اصلی نماد را موقتاً برگردانید و مجدداً مراحل را بررسی کنید. تیم پشتیبانی نماد نیز تأیید کرده است که تغییر مسیر تصویر اشکالی ندارد، تا زمانی که لینک href به درگاه رسمی آنها اشاره کند.

 

در پایان، اگر سؤالی در مورد ای‌نماد داشتید یا به مشکلی برخوردید، حتماً برای من کامنت بذارید تا با هم حلش کنیم! پانداگراف هوای همه رو داره