بهترین روش ها برای ایجاد داستان های وب

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

داستان سرایی

بهترین شیوه های داستان سرایی انتقادی
اول ویدیو	ویدئو جذاب تر از متن یا تصویر است. تا جایی که ممکن است از ویدیو استفاده کنید و آن را تکمیل کنید تصاویر و متن

بهترین شیوه های داستان سرایی بیشتر

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

طرح

بهترین شیوه های طراحی انتقادی
تعداد شخصیت خود را کاهش دهید	از قرار دادن چندین صفحه با دیوارهای متنی خودداری کنید. کاهش متن را در نظر بگیرید تقریباً 280 کاراکتر در هر صفحه (طول یک توییت).
متن را مسدود نکنید	مطمئن شوید که متن توسط محتوای دیگر صفحه مسدود نشده است. اجتناب از سوزاندن در متن. توسط بدون استفاده از متن سوزانده شده، از مسدود شدن متن در صورت تغییر اندازه به اندازه جلوگیری می کنید اندازه های مختلف دستگاه
متن را در محدوده نگه دارید	اطمینان حاصل کنید که تمام متن در استوری وب شما برای خواننده قابل مشاهده است. اجتناب از سوزاندن در متن. توسط بدون استفاده از متن سوزانده شده، از پر شدن متن در هنگام تغییر اندازه به اندازه جلوگیری می کنید اندازه های مختلف دستگاه
از انیمیشن ها با دقت استفاده کنید	داستان های خود را با انیمیشن ها زنده کنید. از انیمیشن های حواس پرتی یا تکراری که می تواند باعث خستگی شود.

بهترین شیوه های طراحی بیشتر

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

سئو

بهترین شیوه های سئوی حیاتی
ارائه محتوای با کیفیت بالا	مانند هر صفحه وب، ارائه محتوای با کیفیت بالا که برای شما مفید و جالب است خوانندگان مهم ترین کاری که می توانید انجام دهید. شامل یک روایت کامل و دنبال کردن داستان سرایی بهترین روش ها برای درگیر نگه داشتن خوانندگان.
عنوان را کوتاه نگه دارید	عناوین را کوتاهتر از 90 کاراکتر نگه دارید. توصیه می کنیم از عنوان توصیفی استفاده کنید کمتر از 70 کاراکتر
مطمئن شوید که جستجوی گوگل می تواند داستان شما را پیدا کند	ویژگی `noindex` را در داستان خود وارد نکنید. این ویژگی گوگل را از ایندکس کردن صفحه مسدود می کند و از نمایش آن در گوگل جلوگیری می کند. علاوه بر این، داستان های وب خود را به نقشه سایت خود اضافه کنید. می توانید بررسی کنید که آیا گوگل می تواند وب شما را پیدا کند یا خیر داستان هایی با Index گزارش پوشش و نقشه سایت گزارش در کنسول جستجو.
داستان را خود متعارف کنید	همه داستان های وب باید متعارف باشند. مطمئن شوید که هر Web Story یک `link rel="canonical"` برای خود دارد. به عنوان مثال: `<link rel="canonical" href="https://www.example.com/url/to/webstory.html">` توجه: اگر چندین نسخه از یک داستان به زبان‌های مختلف وجود دارد، حتماً نسخه‌های بومی‌سازی شده را به Google بگویید .
متادیتا را پیوست کنید	مطمئن شوید که داستان های وب شما از این موارد پیروی می کنند داستان AMP دستورالعمل های فراداده. نشانه‌گذاری را که معمولاً در یک صفحه وب قرار می‌دهید، اضافه کنید، مانند: `title`برچسب‌های و `description` `meta` داده های ساخت یافته OGP کارت توییتر

بهترین شیوه های سئو بیشتر

بهترین شیوه های سئوی توصیه شده
داده های ساخت یافته را شامل شود	توصیه می کنیم از جمله داده های ساخت یافته استفاده کنید در استوری وب خود برای کمک به جستجوی Google در درک ساختار و محتوای استوری وب شما.
متن جایگزین را روی تصاویر قرار دهید	توصیه می کنیم برای بهبود قابلیت کشف داستان خود، متن جایگزین را روی تصاویر خود اضافه کنید.
داستان ها را در وب سایت خود ادغام کنید	توصیه می‌کنیم استوری‌های وب را در وب‌سایت خود ادغام کنید، مثلاً آنها را از طریق خود پیوند دهید صفحه اصلی یا صفحات دسته در صورت لزوم. برای مثال، اگر استوری وب شما درباره یک سفر باشد مقصد و صفحه ای دارید که تمام مقالات سفر شما را فهرست می کند، سپس وب را نیز پیوند می دهد داستان ها در صفحه آن دسته. یک صفحه فرود ویژه اضافی مانند `www.example.com/stories` (که سپس از صفحات کلیدی پیوند داده می شود صفحه اصلی خود را دوست داشته باشید) نیز ممکن است منطقی باشد. There is no need to indicate in the URL of a Web Story that it is using the Web Stories format or AMP Stories technology. Ideally, your Web Stories are integrated into a wider URL strategy. For example, if your "New York Travel" articles are using a format like `"/new-york/travel/title-of-article.html"`, then consider using the exact same directory structure and URL format for your Web Stories.
Use AMP story page attachments	AMP story page attachments can be used to present additional information alongside your Web Story. This can be useful to provide extra detail, deep dives, or onward journeys for the content presented in your Web Story.
Include subtitles on video	Add captions to your video to help readers better understand your story. Avoid captions that are burned into the video to ensure that they don't overlap with other content or flow off the screen.
Optimize video-only stories	We recommend that you use semantic HTML to build your Web Story. However, some Web Story editor tools may instead export a story that formats each slide as a video file that bakes in all the text into the video. In this case, we recommend that you add the precise text displayed inside of the video as a `title` attribute on the `amp-video` element. Again, only do this if you can't use semantic markup in your Web Stories.
Add support for landscape displays	To enable Web Stories to appear in desktop Google Search results, add support for landscape displays.

فنی

بهترین شیوه های فنی حیاتی
داستان را معتبر کنید	داستان های وب باید صفحات AMP معتبر باشند. برای جلوگیری از مشکلات AMP نامعتبر، استوری خود را با استفاده از آن تست کنید ابزار اعتبارسنجی AMP و هر گونه خطای شناسایی شده را برطرف کنید.
متن را در تصویر پوستر وارد نکنید	از استفاده از تصاویری که حاوی متن سوزانده شده اند خودداری کنید، زیرا این امر می تواند عنوان شما را مختل کند داستان زمانی که کاربران داستان شما را در نتایج جستجو پیش‌نمایش می‌کنند. اگر کاربران قادر به خواندن واضح نیستند عنوان، ممکن است کمتر به خواندن ادامه دهند.
اندازه و نسبت تصویر پوستر مناسب را در نظر بگیرید	مطمئن شوید که تصویر به `<amp-story> poster-portrait-src` شما پیوند داده شده است ویژگی حداقل 640x853 پیکسل است و از نسبت تصویر 3:4 استفاده می کند.
نسبت تصویر مناسب را برای لوگو درج کنید	مطمئن شوید که تصویر نشان‌واره به `<amp-story> publisher-logo-src` شما مرتبط است ویژگی حداقل 96x96 پیکسل و نسبت تصویر 1:1 است.

بهترین شیوه های فنی بیشتر

Recommended technical best practices
Include `og:image`	We recommend including `og:image` in your `<meta>` tags to improve your story's discoverability.

منابع دیگر

داستان های وب در وب سایت Google: منابع متمرکز بر خالق برای ساخت داستان های وب.
فعال کردن داستان های وب در جستجوی Google: راهنمای توسعه‌دهنده در ساخت داستان‌های وب که دستورالعمل‌های فنی مورد نیاز را برآورده می‌کنند برای نمایش در جستجوی Google.
وب‌سایت داستان‌های AMP: متمرکز بر برنامه‌نویس قابلیت‌های قالب‌بندی Web Stories.
دسترسی به وب: نکاتی برای اطمینان از آن استوری وب شما برای همه کاربران قابل دسترسی است.
دستورالعمل های داده های ساختاریافته: جزئیات در افزودن داده‌های ساختاریافته برای کمک به جستجوی Google برای درک محتوای شما.