یکی از خطا ها رایج که در بخش (Video Pages) سرچ کنسول وجود داره مشکل Video outside the viewport هست که باعث ایندکس نشدن ویدیو شما میشه به دلیل اینکه گوگل امکان بررسی فریم های ویدئو رو نداره و در نهایت شما این خطا رو در سرچ کنسول دریافت میکنید و ویدیویی که در صفحه قراردادین هم ایندکس نمیشه.
من امید محمودی متخصص سئو هستم و در این پست به ساده ترین روش آموزش رفع مشکل را خواهم گفت
خطای “Video outside the viewport” زمانی به وجود می آید که یک ویدیو در صفحه وب شما خارج از ناحیه دید قرار میگیرد. این مشکل معمولاً باعث میشود که ویدیو به درستی نمایش داده نشود یا باعث بارگذاری غیرضروری ویدیوها شود، همچنین میتواند تأثیر منفی بر سئو (بهینهسازی موتورهای جستجو) صفحه وب شما داشته باشد.
- اطمینان حاصل کنید که ابعاد و موقعیت ویدیو به درستی تنظیم شده باشد: یکی از دلایل اصلی بروز این خطا، عدم تطابق ابعاد و موقعیت ویدیو با ناحیه دید صفحه است. بهتر است از پارامترهای مربوط به عرض، ارتفاع و موقعیت ویدیو در کد HTML و CSS صفحه خود اطمینان حاصل کنید. معمولاً استفاده از CSS Responsive Design به شما کمک میکند تا ویدیوها را به طور هماهنگ با اندازه صفحه نمایش کاربران قرار دهید.
- استفاده از تگ <video> به درستی: برای نمایش ویدیوها در صفحه وب، از تگ <video> HTML استفاده کنید و پارامترهای مناسب را برای آن تنظیم کنید. مطمئن شوید که پارامترهایی مانند “width”، “height” و “controls” به درستی تنظیم شده باشد و مقادیر مناسب را داشته باشند.
- استفاده از تکنیک Lazy Loading: اگر صفحه شما شامل بیش از یک ویدیو است، میتوانید از تکنیک “Lazy Loading” استفاده کنید. این تکنیک به شما امکان میدهد ویدیوهایی که خارج از ناحیه دید قرار دارند را به تأخیر بیاندازید و آنها را بارگذاری کنید تا زمانی که کاربر به آنها نزدیک میشود. این کار باعث بهبود سرعت بارگذاری صفحه وب و کاهش بار سرور میشود.
در نهایت، پس از اعمال تغییرات، بهتر است صفحه وب خود را در مرورگرهای مختلف و در دیوایس های مختلف تست کنید تا اطمینان حاصل شود که ویدیوها به درستی نمایش داده میشوند و هیچ خطایی وجود ندارد.
حالا آموزش رفع مشکل به صورت عملی:
برای شروع آدرس ویدئو رو کپی کنید و وارد سایت webcode tools بشید و آدرس ویدئو رو قراربدین، بعدش یه موارد دیگه مثل طول و عرض، preload و کنترل رو فعال کنید و یک کد دریافت میکنید.
کدی که دریافت کردین رو جایگزین ویدئویی که داخل سایتتون هست کنید تا مشکل حل بشه.
آموزش به صورت ویدیویی:
اگر در خصوص این آموزش سوالی داشتید در بخش نظرات برای من ارسال کنید.
در صورتی که نیاز به مشاوره سئو دارید من میتونم به صورت کامل شما رو راهنمایی کنم، جزئیات بیشتر در بخش مشاوره سئو سایت هست.
ممنون من طول و عرض رو که ست کردم ارور برطرف شد
خواهش میکنم
میفرمایید ابعاد استاندارد و معقول چی هست من هم متاسفانه با این خطا مواجه شدم
سلام 100درصد بذارید احتمالا مشکل حل میشه اگر نشد از افزونه ویدئو پلیر استفاده کنید
خیلی ممنون از آموزش خوب و کاربری تون
ایا افزونه ای برای وردپرس نیست که اتوماتیک این کارو انجام بده ؟
چند صد ویدیو روی سایت دارم که یکی یکی انجام آنها خیلی زمان بر خواهد بود
ممنون میشم راهنمایی بفرمایید
سلام و عرض ادب
نه متاسفانه افزونه ای نمیشناسم و توصیه هم نمیکنم اتوماتیک انجام بشه چون معمولا باید ایجاد تداخل و گاهی اوقات هم باعث آسیب رسیدن به دیتا بیس میشه (به دلیل ریکوئست های اضافی)
اما با این افزونه هم میتونید کار کنید
به جای استفاده از سایتی که معرفی کردم: افزونه ویدئو پلیر
ممنون بابت راهنمایی کامل از سایتتون
خواهش میکنم
سلام. ممنون از اموزشتون. من اینجایی که شما کد رو وارد کردین رو که پیدا نکردم و فیلم اموزشی شما هم متاسفانه واضح نبود که کد رو کجا قرار میدین ولی خودم قسمت کدنویسی صفحه فقط ابعاد تصویر رو با همون فیلم قبلی اصلاح کردم و خطا رفع شد. اموزش شما باعث شد بفهمم خطا از کجا بوده و راه ساده تری برای حلش پیدا کنم. تشکر ازتون
سلام خواهش میکنم خوشحالم که مشکلتون حل شد
سلام وقت بخیر
ممنون از مطلب خوبتون
ولی من متوجه نشدم که کد رو کجا قرار دادید؟
ایت من با المنتور طراحی شده و از ویرایشکر کلاسیک برای بارگذاری محتواهام استفاده می کنم، لطفا راهنمایی کنید که کجا کد را قرار بدم
ممنونم
وقت بخیر خواهش میکنم
المنتور داشته باشید بخش بلوک html و ویرایشگر کلاسیک هم با ادیتور متن کد رو میتونید اضافه کنید
خدا قوت
سایت خوبی رو معرفی کردید ولی بخش Poster کار نمی کنه
درود
تست شده و کار میکنه
کد ٪ در گزینه width , height در تگ ویدئو کار نمی کند بهتره width mobile رو ۴۰۰px بزارید درصورتی که ابعاد ویدئو شما در حد HD یا fhd هست
به صورت دستی میتونید بذارید
سلام وقت بخیر ، تو المنتور چطور باید انجام بدم ؟؟؟
درود
با بلوک html میتونید اضافه کنید ولی معمولا المان المنتور توسط گوگل شناسایی میشه
من هرکاری میکنم اوکی نمیشه حتی دستی هم تنظیم میکنم پارامتر ها رو
سلام و درود
جایگاه ویدیو رو عوض کنید احتمالا اوکی میشه
سلام اینکه ویدیوها داخل سایتم ایندکس نمیشه و ارور میده داخل سرچ کنسول مربوط به رنک مث میشه؟
سلام خیر