افزونه Web Stories

?افزونه Web Stories

✳️اگر در شبکه های اجتماعی فعال هستید، حتماً تا به حال استوری های اینستاگرام، فیسبوک، اسنپ چت یا فلیت های توییتر را دیده اید. استوری مجموعه ای از تصاویر یا انواع دیگر محتوا است که به هم وابسته هستند و داستانی را تعریف می کنند. داستان سرایی بصری تأثیر بسیار زیادی در جلب مخاطب دارد و خبر خوب این است که اکنون وب نیز دارای فرمت استوری است و شما در سایت وردپرس خود می توانید داستان سرایی کنید و استوری بسازید. Google Web Stories از سال 2018 با عنوان AMP Stories راه اندازی شد و هم اکنون از طریق افزونه Web Stories در وردپرس در دسترس است.در این سری از آموزش های رایگان طراحی سایت به آموزش افزونه Web Stories می پردازیم .

?Web Stories چیست؟

✳️استوری های وب (Web Stories) یک فرمت داستان سرایی بصری و قابل سوایپ کردن (کشیدن انگشت از چپ به راست یا برعکس) برای استفاده در دستگاه های تلفن همراه است. استوری های وب یک تجربه تمام صفحه را ارائه می دهند و می توانند هر نوع محتوایی را در خود جای دهند.

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

✳️علاوه بر این، Web Stories جای خود را در نتایج جستجوی گوگل باز کرده است و همینطور می توانند در Google Images ، Google Discover و app Google نمایش داده شوند.

✳️استوری های وب به شما امکان کنترل بسیار بیشتری را روی آنچه که منتشر می کنید و نحوه انجام آن می دهد. شما در تعیین فرمت استوری، مکان انتشار آن و مدت زمانی که می خواهید استوری لایو باشد آزادی کامل دارید. استوری ها بسیار سریع هستند و نوع ساده و قابل هضم محتوا را به شما ارائه می دهند.

✳️بخاطر داشته باشید که گرچه Web Stories برای استفاده در دستگاه های تلفن همراه در نظر گرفته شده اند اما هر استوری به طور خودکار دارای یک نمایش ساده دسکتاپ نیز هست. این امر به این معنی است که محتوای موبایل شما واقعاً برای همه در دسترس است.

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

✳️ابتدا افزونه Web Stories را دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید

✳️بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه منوی جدیدی به نام Stories به پیشخوان وردپرس اضافه خواهد شد. همچنین در بالای صفحه افزونه ها پیامی مشابه شکل زیر مشاهده می کنید.

✳️با کلیک بر روی دکمه Go to Stories Dashboard یا کلیک روی منوی Stories در پیشخوان وردپرس، وارد صفحه پیشخوان استوری ها مشابه شکل زیر می شوید.

✳️برای ساخت استوری جدید روی Create New Story کلیک کنید. همچنین می توانید روی زیرمنوی Add New در مسیر Stories » Add New پیشخوان وردپرس کلیک کنید. صفحه ساخت استوری مشابه شکل زیر برای شما باز می شود.

?معرفی رابط کاربری استوری های وب در افزونه Web Stories

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

✳️آیکون T مربوط به تب متن بوده و آیکون مثلث شکل ها را باز می کند. در ادامه آموزش به صورت گام به گام به شما نشان می دهیم که چگونه یک استوری وب ساده با استفاده از تصاویر بسازید. توجه داشته باشید که شما می توانید با تصاویر، متن، ویدیو و غیره کار کنید.

?اضافه کردن تصویر و تنظیمات آن

✳️شما می توانید تصاویر را از سمت راست کشیده و در صفحه سفید وسط رها کنید. همچنین می توانید روی دکمه آبی رنگ Upload کلیک کرده و تصویری را برای بارگذاری انتخاب کنید.

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

✳️گزینه های نمایش داده شده در هر آیتم متفاوت است بنابراین به عنوان مثال آیتم متن تنظیماتی متفاوت با تصویر خواهد داشت.

✳️اگر قبلاً از ابزارهای طراحی مانند فوتوشاپ استفاده کرده اید، با رابط کاربری افزونه Web Stories احساس راحتی بیشتری می کنید. شما می توانید گزینه هایی که به صفحه اضافه می کنید را ترازبندی کنید، بچرخانید، لایه بندی کنید، انواع متن و رنگ ها را تغییر دهید و هر چیزی که برای ایجاد و ویرایش استوری ها نیاز دارید را می توانید در این رابط پیدا کنید.

✳️هنگامی که تصویر را به صفحه اضافه کردید یا با کلیک بر روی تصویر می توانید خطوط آبی رنگ اطراف آن را مشاهده کنید. این خطوط به شما امکان می دهند تصویر را مقیاس بندی کرده، بچرخانید و بزرگنمایی کنید. برای دیدن تصویر کامل و اطمینان از مناسب بودن آن، روی تصویر دوبار کلیک کنید.

?اضافه کردن متن به تصویر

✳️اگر می خواهید به Web Stories خود متن اضافه کنید به صورت زیر عمل کنید.

✳️روی آیکون T در گوشه سمت راست بالای صفحه که مربوط به اضافه کردن متن است کلیک کنید. اندازه های مختلفی را مشاهده خواهید کرد که براساس تگ ها و هدینگ های معمول HTML ارائه شده اند.

✳️توجه داشته باشید که در استوری های وب از تگ های HTML به درستی استفاده کنید. عنوان خود را به تگ h1 و زیرعنوان را به تگ h2 یا چیز دیگری اختصاص دهید. همچنین از تگ p برای پاراگراف های خود استفاده کنید. به این ترتیب محتوای وب شما از تمام دستورالعملها به درستی پیروی می کند.

✳️برای اضافه کردن متن  در افزونه Web Stories کافی است تگ مورد نظر خود را کشیده و روی متن رها کنید یا دو بار روی تگ مورد نظر خود کلیک کنید.

✳️پس از اینکه متن به تصویر اضافه شد، می توانید رنگ متن، اندازه، فونت و بسیاری ویژگی های دیگر آن را تغییر دهید. اگر تصویر پس زمینه شما شلوغ است، ممکن است لازم باشد که به متن خود رنگی بدهید که در داخل متن مشخص باشد.

✳️وقتی متن را به تصویر اضافه کردید می توانید در گزینه های سمت چپ صفحه ویژگی های آن (شامل رنگ، اندازه و غیره) را مشاهده کرده و آنها را تغییر دهید.

✳️برای افزودن صفحه جدید به استوری خود در افزونه Web Stories، روی دکمه + در بالای صفحه کلیک کنید. اگر می خواهید صفحه فعلی را کپی کرده و از آن به عنوان قالب برای صفحه بعد استفاده کنید، روی Duplicate Page کلیک کنید.

✳️استوری خود را با تمام صفحات مورد نیاز پر کنید.

?لینک به سایت خود در افزونه Web Stories

✳️یکی از نکات جالب استوری های وب در افزونه Web Stories این است که می توانید آزادانه به محتوای خود لینک دهید. برای این کار کافی است روی المان مورد نظر خود کلیک کرده و لینک اضافه کنید. اما توجه داشته باشید که زیاده روی نکنید. بهتر است تعداد لینک ها را محدود نگه دارید.

?متاداده ها را وارد کرده و استوری را منتشر کنید.

✳️پس از اتمام کار استوری وب خود ، با کلیک روی دکمه پیش نمایش آن را آزمایش کنید. اما قبل از کلیک روی انتشار، باید بعضی متاداده ها را پر کنید تا استوری وب شما برای گوگل معتبر باشد.

✳️روی Document کلیک کرده و لوگو، تصویر جلد و خلاصه را پر کنید و یک پیوند یکتای خوب انتخاب کنید. حال استوری شما آماده انتشار است.

✳️افزونه Web Stories از شما می پرسد که آیا می خواهید برای این استوری نوشته جدیدی آماده کنید. اگر تمایل به انجام این کار دارید، روی دکمه Add To New Post کلیک کنید. یک نوشته جدید که استوری شما در آن جاسازی شده است، باز می شود.

✳️استوری های وب یک ابزار کاملاً متفاوت برای اهداف کاملاً متفاوتی از دیگر نوشته های موجود در سایت شما هستند.

?چند نکته وجود دارد که باید در افزونه Web Stories حتماً به خاطر داشته باشید:

?مطمئن شوید که URL استوری ها در نقشه XML سایت موجود هستند.
?داده های ساختار یافته Schema را اضافه کنید تا گوگل بتواند داستان های شما را راحت تر درک کند. برای این کار از بهترین افزونه های ریچ اسنیپت وردپرس استفاده کنید.
?از قسمتهای دیگر سایت خود که مرتبط هستند به استوری های خود لینک دهید.
?اطمینان حاصل کنید که استوری های شما با ارزش و با کیفیت هستند.
?می توانید تبلیغات اضافه کنید اما در این کار زیاده روی نکنید.
?لینک های خارجی زیادی ایجاد نکنید که باعث حواس پرتی خوانندگان می شود.
?استوری ها را کوتاه و جذاب نگه دارید. گوگل 5-30 صفحه را توصیه کرده است که محدوده عالی بین 10-20 صفحه است.
عنوان را کوتاه نگه دارید.
?در صفحات زیاد از متن استفاده نکنید.
?متن alt را برای توصیف تصاویر اضافه کنید.
?استوری ها برای ویدئو ایده آل هستند، اما آنها را کوتاه نگه دارید.

?تمام اقداماتی که برای بهبود سئوی صفحات وب سایت خود انجام می دهید برای استوری ها در افزونه Web Stories نیز انجام دهید. این اقدامات اگر به رتبه بندی صفحات غیر داستانی شما کمک می کند، احتمالاً به استوری ها نیز کمک خواهد کرد.

?فراموش نکنید که استوری های وب خود را در ابزار تست AMP آزمایش کنید تا ببینید آیا استوری های شما واجد شرایط درج در نتایج جستجو هستند یا خیر.