آموزش ساخت وب استوری در وردپرس با افزونه رایگان Web Stories

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

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

وب استوری چیست و چه کاربردی داره

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

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

مزایای ساخت وب استوری در وردپرس

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

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

آیا خود وردپرس امکان ساخت وب استوری داره

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

این افزونه هزینه‌ای برای نصب و ساخت استوری از شما نمی‌گیره. البته ممکنه برای تهیه تصویر، ویدئو یا سرویس‌های جانبی دلخواه هزینه جداگانه داشته باشید، ولی خود افزونه رایگانه.

پیش‌نیازهای نصب افزونه Web Stories

قبل از نصب، صفحه رسمی افزونه رو باز کنید و بخش نیازمندی‌ها رو ببینید. نسخه موردنیاز وردپرس و PHP ممکنه با انتشار نسخه‌های جدید تغییر کنه. PHP همون نرم‌افزاریه که بخش اصلی وردپرس روی سرور با اون اجرا می‌شه.

• از سایتتون نسخه پشتیبان بگیرید.
• وردپرس و PHP هاست رو به نسخه سازگار با افزونه ارتقا بدید.
• مطمئن بشید گواهی HTTPS سایتتون فعاله.
• برای استوری، چند تصویر عمودی و متن کوتاه آماده کنید.

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

نصب افزونه رایگان Web Stories

1. وارد پیشخوان وردپرس بشید.
2. از منوی «افزونه‌ها» روی «افزودن افزونه تازه» کلیک کنید.
3. عبارت Web Stories رو جست‌وجو کنید.
4. افزونه منتشرشده توسط Google رو پیدا کنید.
5. روی «نصب» و بعد روی «فعال‌کردن» کلیک کنید.

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

ساخت وب استوری با قالب آماده

1. از منوی Stories وارد بخش Explore Templates بشید.
2. قالبی رو انتخاب کنید که با موضوع و تعداد تصاویرتون هماهنگه.
3. روی گزینه استفاده از قالب کلیک کنید تا ویرایشگر باز بشه.
4. عنوان استوری رو در بخش بالای ویرایشگر بنویسید.
5. متن‌ها و تصاویر نمونه رو با محتوای خودتون جایگزین کنید.

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

آشنایی با بخش‌های اصلی ویرایشگر

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

• Insert: برای اضافه‌کردن متن، تصویر، ویدئو، شکل و عناصر تازه به کار می‌ره.
• Style: ظاهر عنصر انتخاب‌شده، مثل رنگ، اندازه و چیدمان رو تغییر می‌ده.
• Document: تنظیمات کلی استوری، اطلاعات انتشار و تصویر پوستر رو در اختیارتون می‌ذاره.
• صفحه‌ها: از نوار پایین می‌تونید صفحه تازه بسازید، صفحه‌ای رو کپی کنید یا ترتیب صفحه‌ها رو تغییر بدید.

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

اضافه‌کردن متن، تصویر و ویدئو

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

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

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

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

تنظیمات مهم قبل از انتشار

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

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

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

نمایش وب استوری در گوگل

وب استوری ممکنه در نتایج جست‌وجوی گوگل یا Google Discover دیده بشه، ولی گوگل هیچ جایگاه یا میزان بازدیدی رو تضمین نمی‌کنه. شکل نمایش وب‌استوری‌ها هم در سال‌های گذشته تغییر کرده و ممکنه دوباره تغییر کنه.

برای بالا‌بردن شانس بررسی و ایندکس‌شدن استوری، راهنمای رسمی فعال‌کردن Web Stories در Google Search رو هم ببینید. ایندکس یعنی گوگل صفحه رو بررسی کنه و امکان نمایش اون در نتایج جست‌وجو رو داشته باشه. مقاله Structured Data چیست هم کمکتون می‌کنه نقش اطلاعات ساختاریافته در فهم محتوا به‌وسیله موتورهای جست‌وجو رو بهتر بشناسید.

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

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

آمارگیری وب استوری با Google Analytics 4

برای دیدن آمار بازدید، می‌تونید شناسه Google Analytics 4 رو در تنظیمات افزونه وارد کنید. Google Analytics 4 یا GA4 ابزار آمارگیری گوگله و به شما نشون می‌ده کاربران چطور با محتوای سایتتون تعامل دارن. برای آشنایی عملی‌تر با گزارش‌ها، آموزش اتصال ووکامرس به Google Analytics و تحلیل آمار رو هم بخونید.

قبل از ذخیره شناسه، مطمئن بشید حساب Google Analytics 4 برای همین دامنه ساخته شده. اگه از ابزار دیگه‌ای برای قراردادن کد آمارگیر استفاده می‌کنید، بررسی کنید کد دوبار روی استوری اجرا نشه؛ چون ثبت دوباره می‌تونه آمار رو نادرست کنه.

کسب درآمد از وب استوری

وب استوری می‌تونه بخشی از مسیر بازاریابی یا درآمد سایتتون باشه، ولی پول‌سازی از اون ساده و تضمینی نیست. افزونه از بعضی روش‌های تبلیغاتی مثل Google AdSense و Google Ad Manager پشتیبانی می‌کنه، اما فعال‌بودن این قابلیت‌ها به حساب تبلیغاتی، کشور، تنظیمات سرویس و سیاست‌های گوگل بستگی داره. برای شناخت روش‌های دیگه، مقاله کسب درآمد از سایت بدون فروش محصول و خدمات رو هم ببینید.

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

نکات مهم برای ساخت یک وب استوری خوب

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

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

سوالات متداول درباره ساخت وب استوری در وردپرس

جمع‌بندی

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

برای نتیجه بهتر، وب استوری رو یک راه میان‌بُر برای گرفتن ورودی گوگل نبینید. محتوای مفید، طراحی خوانا، فایل‌های سبک و تنظیمات فنی درست کنار هم کمک می‌کنن استوری تجربه بهتری برای کاربر بسازه و شانس دیده‌شدن بیشتری داشته باشه. برای مرور یک نمونه مکمل، دوباره می‌تونید راهنمای Google Web Stories در وردپرس رو بخونید.

تیم تولید محتوا

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