BlueTheme راهنما English

سرعت، سئو و حریم خصوصی

سرعت

بلوتم طوری ساخته شده که بدون افزونهٔ اضافه سریع بارگذاری شود: همهٔ فونت‌ها، آیکون‌ها و اسکریپت‌ها روی سایت خود شما هستند، هر المان صفحه‌ساز CSS و اسکریپتش را فقط در برگه‌هایی که از آن استفاده می‌کنند بارگذاری می‌کند، و برگه‌ها روی سرور ساخته می‌شوند؛ پس پیش از اجرای هر اسکریپتی نمایش داده می‌شوند. دموها در Google Lighthouse روی گوشی امتیاز ۹۰ یا بیشتر می‌گیرند.

کلیدها در تنظیمات پوسته ← سراسری ← کارایی هستند:

تنظیم کاربرد
بارگذاری تنبل تصاویر و iframeها تصاویر و محتوای جاسازی‌شدهٔ زیر صفحهٔ اول فقط وقتی بازدیدکننده به آن‌ها می‌رسد بارگذاری می‌شوند. تصاویری که فوراً بارگذاری می‌شوند چند تصویر اول (لوگو، بنر) را بی‌درنگ بارگذاری می‌کند.
پیش‌بارگذاری فونت متن، پیش‌بارگذاری لوگو مرورگر این‌ها را اول دریافت می‌کند تا متن و لوگو زودتر نمایش داده شوند.
فشرده‌سازی فایل استایل ساخته‌شده، درج استایل‌های کوچک در صفحه CSS کوچک‌تر و فایل‌های کمتر برای دریافت.
بارگذاری CSS/JS المان‌های صفحه‌ساز فقط در جای استفاده روشن نگهش دارید.
حذف اسکریپت ایموجی وردپرس و کلیدهای مشابه برای اسکریپت oEmbed، Dashicons و jQuery Migrate چیزهای اضافهٔ وردپرس را که بیشتر سایت‌ها لازم ندارند برمی‌دارند. اگر افزونه‌ای به یکی نیاز داشت، دوباره روشنش کنید.
حذف CSS کتابخانه بلوک در برگه‌های ساخته‌شده با صفحه‌ساز برگه‌هایی که فقط با BlueBuilder ساخته شده‌اند استایل ویرایشگر بلوکی را بارگذاری نمی‌کنند.
غیرفعال کردن امکانات نوع‌های محتوایی که استفاده نمی‌کنید (نمونه‌کارها، مشتریان، نظرات مشتریان، پیشنهادها، اسلایدها…) را برمی‌دارد.
فایل استایل ساخته‌شده ← ساخت دوباره اگر تغییری نمایش داده نشد، CSS ساخته‌شده از تنظیمات پوسته را دوباره می‌سازد.

این‌ها هم کمک می‌کنند:

  • یک افزونهٔ کش صفحه (مثل WP Super Cache یا LiteSpeed Cache) یا کش میزبان.
  • تصاویر WebP، به همان اندازه‌ای که نمایش داده می‌شوند.
  • اسلایدر و ویدیوی کمتر در صفحهٔ اول.

سئو

تنظیمات پوسته ← سئو:

  • متاتگ‌ها: توضیح برگه برای نتایج جست‌وجو، تگ‌های Open Graph و کارت X (توییتر) (ظاهر پیوندها هنگام اشتراک در تلگرام، واتس‌اپ، X و…)، یک تصویر پیش‌فرض اشتراک‌گذاری، و صفحه‌هایی که موتورهای جست‌وجو باید نادیده بگیرند (نتایج جست‌وجو، صفحه‌های بعدی بایگانی، صفحه‌های پیوست).
  • داده‌های ساختاریافته: داده‌های Schema.org برای سایت (یک سازمان یا یک شخص، نام و لوگویش)، جعبهٔ جست‌وجوی سایت و دادهٔ مقاله برای نوشته‌ها. المان پرسش‌های متداول هم می‌تواند دادهٔ FAQ پرسش‌هایش را اضافه کند.
  • آمار و تأیید مالکیت: شناسهٔ Google Analytics 4، شناسهٔ Google Tag Manager، و کدهای تأیید Google Search Console و Bing.

اگر Yoast SEO، Rank Math، SEOPress یا All in One SEO را نصب کنید، متاتگ‌ها و داده‌های ساختاریافتهٔ پوسته خودشان خاموش می‌شوند تا هیچ‌وقت دو بار چاپ نشوند.

HTML پوسته در هر برگه یک H1 دارد، عنوان‌ها به ترتیب‌اند، مسیر راهنما دارد و تصاویر متن جایگزینشان را از کتابخانهٔ رسانه می‌گیرند.

حریم خصوصی و اعلان کوکی

تنظیمات پوسته ← سراسری ← GDPR / اعلان کوکی اعلانی با دکمه‌های می‌پذیرم و نمی‌پذیرم اضافه می‌کند، به شکل نوار یا جعبه.

  • بارگذاری گوگل آنالیتیکس / تگ منیجر پس از رضایت، و همین‌طور اسکریپت‌های خودتان از CSS و JS سفارشی.
  • مسدود کردن محتوای جاسازی‌شده بیرونی (یوتیوب، آپارات، نقشه) تا زمان رضایت: محتوای جاسازی‌شده تا پذیرفتن بازدیدکننده یک جای‌نگه‌دار نشان می‌دهد.
  • به خاطر سپردن انتخاب به مدت چند روز.

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

دسترس‌پذیری

پوسته از WCAG 2.1 در سطح AA پیروی می‌کند: فهرست‌ها، مگامنوها، اسلایدرها، زبانه‌ها، آکاردئون‌ها و پاپ‌آپ‌ها با صفحه‌کلید و صفحه‌خوان کار می‌کنند؛ پیوند «رفتن به محتوا» وجود دارد؛ نشانگر تمرکز همیشه پیداست؛ رنگ‌های دموها با رهنمودهای کنتراست سازگارند. وقتی رنگ‌ها را تغییر می‌دهید، مطمئن شوید متن روی پس‌زمینه‌اش خوانا می‌ماند. اسلایدرهایی که خودشان پخش می‌شوند دکمهٔ توقف دارند و برای بازدیدکنندگانی که در دستگاهشان حرکت کمتر خواسته‌اند، انیمیشن‌ها متوقف می‌شوند.