بهترین روش ها برای ایجاد داستان های وب
برای اینکه خوانندگان خود را درگیر خود نگه دارید، بهترین شیوه های ما را برای ایجاد دنبال کنید داستان های وب. توصیه می کنیم ابتدا روی وظایف حیاتی تمرکز کنید اگر زمان بیشتری دارید، بهترین توصیه‌ها را دنبال کنید تمرینات نیز
داستان سرایی
| بهترین شیوه های داستان سرایی انتقادی | |
|---|---|
| اول ویدیو | ویدئو جذاب تر از متن یا تصویر است. تا جایی که ممکن است از ویدیو استفاده کنید و آن را تکمیل کنید تصاویر و متن |
بهترین شیوه های داستان سرایی بیشتر
| بهترین شیوه های داستان سرایی توصیه می شود | |
|---|---|
| دیدگاه خود را بیاورید | فراتر از واقعیت ها بروید. نظرات خود را به اشتراک بگذارید قهرمان داستان خودتان باشید. آن را قابل ارتباط کنید. |
| قوس روایی داشته باشید | در استوری خود از صفحه ای به صفحه دیگر تعلیق ایجاد کنید. کاربر را در سفر همراه کنید با ارائه زمینه و روایت. بابت اینکه تا انتها با شما همراه بوده اید، بازدهی را ارائه دهید. |
طرح
| بهترین شیوه های طراحی انتقادی | |
|---|---|
| تعداد شخصیت خود را کاهش دهید | از قرار دادن چندین صفحه با دیوارهای متنی خودداری کنید. کاهش متن را در نظر بگیرید تقریباً 280 کاراکتر در هر صفحه (طول یک توییت). |
| متن را مسدود نکنید | مطمئن شوید که متن توسط محتوای دیگر صفحه مسدود نشده است. اجتناب از سوزاندن در متن. توسط بدون استفاده از متن سوزانده شده، از مسدود شدن متن در صورت تغییر اندازه به اندازه جلوگیری می کنید اندازه های مختلف دستگاه |
| متن را در محدوده نگه دارید | اطمینان حاصل کنید که تمام متن در استوری وب شما برای خواننده قابل مشاهده است. اجتناب از سوزاندن در متن. توسط بدون استفاده از متن سوزانده شده، از پر شدن متن در هنگام تغییر اندازه به اندازه جلوگیری می کنید اندازه های مختلف دستگاه |
| از انیمیشن ها با دقت استفاده کنید | داستان های خود را با انیمیشن ها زنده کنید. از انیمیشن های حواس پرتی یا تکراری که می تواند باعث خستگی شود. |
بهترین شیوه های طراحی بیشتر
| بهترین شیوه های طراحی توصیه شده | |
|---|---|
| از فراخوانی برای اقدام خاص داستان های وب استفاده کنید | هنگام بازآفرینی استوری هایی که در ابتدا برای یک پلتفرم اجتماعی مانند اینستاگرام ایجاد شده بودند، اسنپ چت یا یوتیوب، مطمئن شوید که هر فراخوانی برای اقدام خواننده خاص را حذف کنید پلت فرم خاص اطمینان حاصل کنید که کاربران می توانند هر گونه اقدام پیشنهادی در شما را دنبال کنند داستان وب. |
| از فیلم ها و تصاویر full bleed استفاده کنید | دارایی های کامل را در داستان های خود بگنجانید تا تجربه ای همه جانبه تر برای خوانندگان ایجاد کنید. |
| از تصاویر و ویدیوهای با وضوح پایین یا تحریف شده خودداری کنید | از تصاویر با کیفیت بالا استفاده کنید و هنگام تغییر اندازه تصاویر به پرتره مراقب باشید. |
| یک لوگو به صفحه جلد خود اضافه کنید | یک لوگو با وضوح بالا که نشان دهنده نام تجاری شما باشد را بگنجانید. |
| کوتاه کردن طول ویدیو | ما ویدیوهایی را توصیه می کنیم که کمتر از 15 ثانیه در هر صفحه یا حداکثر 60 ثانیه باشند. |
| شامل صدا | از کلیپ های صوتی با کیفیت بالا که حداقل 5 ثانیه طول می کشند با حجم متعادل استفاده کنید و مطمئن شوید گفتار شنیدنی است |
| پیشرفت خودکار را برای داستان‌های فقط ویدیویی در نظر بگیرید | تجربه پیشرفته خودکار برای استوری های وب مبتنی بر ویدیو می تواند برای یک تجربه آرام به خوبی کار کند. |
سئو
| بهترین شیوه های سئوی حیاتی | |
|---|---|
| ارائه محتوای با کیفیت بالا | مانند هر صفحه وب، ارائه محتوای با کیفیت بالا که برای شما مفید و جالب است خوانندگان مهم ترین کاری که می توانید انجام دهید. شامل یک روایت کامل و دنبال کردن داستان سرایی بهترین روش ها برای درگیر نگه داشتن خوانندگان. |
| عنوان را کوتاه نگه دارید | عناوین را کوتاهتر از 90 کاراکتر نگه دارید. توصیه می کنیم از عنوان توصیفی استفاده کنید کمتر از 70 کاراکتر |
| مطمئن شوید که جستجوی گوگل می تواند داستان شما را پیدا کند |
ویژگی noindex را در داستان خود وارد نکنید. این ویژگی
گوگل را از ایندکس کردن صفحه مسدود می کند و از نمایش آن در گوگل جلوگیری می کند. علاوه بر این،
داستان های وب خود را به نقشه سایت خود اضافه کنید. می توانید بررسی کنید که آیا گوگل می تواند وب شما را پیدا کند یا خیر
داستان هایی با Index
گزارش پوشش و نقشه سایت
گزارش در کنسول جستجو.
|
| داستان را خود متعارف کنید |
همه داستان های وب باید متعارف باشند. مطمئن شوید که هر Web Story یک link rel="canonical" برای خود دارد. به عنوان مثال: <link rel="canonical" href="https:/
|
| متادیتا را پیوست کنید |
مطمئن شوید که داستان های وب شما از این موارد پیروی می کنند داستان AMP دستورالعمل های فراداده. نشانه‌گذاری را که معمولاً در یک صفحه وب قرار می‌دهید، اضافه کنید، مانند:
|
بهترین شیوه های سئو بیشتر
| بهترین شیوه های سئوی توصیه شده | |
|---|---|
| داده های ساخت یافته را شامل شود | توصیه می کنیم از جمله داده های ساخت یافته استفاده کنید در استوری وب خود برای کمک به جستجوی Google در درک ساختار و محتوای استوری وب شما. |
| متن جایگزین را روی تصاویر قرار دهید | توصیه می کنیم برای بهبود قابلیت کشف داستان خود، متن جایگزین را روی تصاویر خود اضافه کنید. |
| داستان ها را در وب سایت خود ادغام کنید |
توصیه می‌کنیم استوری‌های وب را در وب‌سایت خود ادغام کنید، مثلاً آنها را از طریق خود پیوند دهید
صفحه اصلی یا صفحات دسته در صورت لزوم. برای مثال، اگر استوری وب شما درباره یک سفر باشد
مقصد و صفحه ای دارید که تمام مقالات سفر شما را فهرست می کند، سپس وب را نیز پیوند می دهد
داستان ها در صفحه آن دسته. یک صفحه فرود ویژه اضافی مانند
|
| 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 |
| 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 برای درک محتوای شما.