Unsolved Why My site pages getting video index viewport issue?
-
Hello,
I have been publishing a good number of blogs on my site Flooring Flow. Though, there's been an error of the video viewport on some of my articles.
I have tried fixing it but the error is still showing in Google Search Console.
Can anyone help me fix it out?
-
@RyanPurkey Dear Sir, My theme, and setting all is good but I am also receiving the same issue. Here are a few links that you can check, please suggest the best solution.
https://theshoy.com/advantages-and-disadvantages-of-motorcycle/
https://theshoy.com/advantages-and-disadvantages-of-smartphones/
Check the attachment below from my search console.
-
this is the link to my webstory https://stayenergies.com/web-stories/benefit-of-walking/ that getting issues with "video outside the viewport"
it is created in WordPress; is there any plugin or setting to solve it.
-
Viewport Configuration: The viewport meta tag is essential for responsive web design, as it tells the browser how to adjust the page's dimensions Ehsaas program and scale to fit different screen sizes. If the viewport is not configured correctly for video elements, search engines may have difficulty indexing and displaying videos properly.
Lazy Loading: Lazy loading is a technique used to improve page load times by deferring the loading of non-essential content, such as images and videos, until the user scrolls to that section of the page. If lazy loading is not correctly implemented for videos, it can lead to indexing issues.
Missing Video Sitemaps: Sitemaps are files that provide information about the content on your website to search engines. If you have videos on your site, it's essential to have a video sitemap that provides details about the videos, such as their titles, descriptions, and URLs. This helps search engines index your videos more effectively.
Accessibility Issues: Video content should be accessible to all users, including those with disabilities. If your videos lack proper captions, transcripts, or other accessibility features, it may lead to indexing issues.
-
If your site pages are experiencing a "video index viewport issue," it likely refers to problems related to how videos are indexed and displayed within the viewport on your website. The viewport is the visible area of a web page that a user can see without scrolling. Without further information, it's challenging to pinpoint the exact issue, but here are some common reasons and potential solutions for video index viewport problems:
Responsive Design: Ensure that your website has a responsive design, meaning it adapts and displays correctly on various screen sizes and devices. If the video container's size isn't adjusting properly to different viewports, the video may be cut off or not visible entirely.
Viewport Meta Tag: Make sure your web pages include the viewport meta tag in the <head> section. This tag helps the browser to correctly scale and render the content to fit different screen sizes.
Example viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1">
Video Element Attributes: Check the HTML attributes of the video element. Setting the width and height attributes can help the browser allocate the correct space for the video player.Example video element:<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
CSS Issues: Review your CSS styles to ensure that they don't interfere with the video's display. Sometimes, conflicting styles or positioning can lead to improper video rendering.Lazy Loading: If you are using lazy loading for videos, verify that it's implemented correctly. Lazy loading delays the loading of the video until it's about to come into the user's viewport, which might affect how it's indexed and displayed.
JavaScript Conflicts: Check if any JavaScript on your site is causing conflicts with video players or the viewport settings.
Browser Compatibility: Test your site on various browsers to ensure that the issue isn't browser-specific.
Video Format: Ensure that your videos are in a format supported by major browsers, such as MP4 with H.264 video codec and AAC audio codec.
Server Configuration: In some cases, server misconfigurations may lead to video loading issues. Ensure that your server is correctly configured to serve videos.
Testing and Debugging: Use browser developer tools to inspect the video element and check for any errors or warnings related to the video player or viewport.
Click here : Web Development company in Bangladesh -
the same issue is also occurring in my web stories when uploading any video to them. How to solve it. I have also added a video sitemap, also reduces the video size but does not solve the issue.
-
@mitty27 Your iFrame at the top of the page is hard set to 1200px width which could cause problems. Please provide some specific URLs that GSC has identified with the viewport issue for specific answers to those. Thanks and good luck!
-
Your site pages might be encountering Prestige Park Grove video index viewport issues due to improper implementation of the video index or viewport settings. It can lead to videos not displaying correctly within the visible area, affecting user experience. Check and adjust your site's code to ensure proper video indexing and viewport configuration for optimal performance.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Best redirect destination for 18k highly-linked pages
Technical SEO question regarding redirects; I appreciate any insights on best way to handle. Situation: We're decommissioning several major content sections on a website, comprising ~18k webpages. This is a well established site (10+ years) and many of the pages within these sections have high-quality inbound links from .orgs and .edus. Challenge: We're trying to determine the best place to redirect these 18k pages. For user experience, we believe best option is the homepage, which has a statement about the changes to the site and links to the most important remaining sections of the site. It's also the most important page on site, so the bolster of 301 redirected links doesn't seem bad. However, someone on our team is concerned that that many new redirected pages and links going to our homepage will trigger a negative SEO flag for the homepage, and recommends instead that they all go to our custom 404 page (which also includes links to important remaining sections). What's the right approach here to preserve remaining SEO value of these soon-to-be-redirected pages without triggering Google penalties?
Technical SEO | | davidvogel0 -
Searchability Strategy
We recently had a technical SEO audit carried out and it highlighted how many clicks it took to get to many of our pages (more than 4)). Does anyone have advice on how to create a structure for our pages to avoid this or recommend any articles I can read?
Technical SEO | | Caroline_Ardmoor0 -
Sudden Drop in Mobile Core Web Vitals
Web Vitals Screengrab.PNG For some reason, after all URLs being previously classified as Good, our Mobile Web Vitals report suddenly shifted to the above, and it doesn't correspond with any site changes on our end. Has anyone else experience something similar or have any idea what might have caused such a shift? Curiously I'm not seeing a drop in session duration, conversion rate etc. for mobile traffic despite the seemingly sudden change.
Technical SEO | | rwat0 -
Unable to site crawl
Hi there, our website was revamped last year and Moz is unable to crawl the site since then. Could you please check what is the issue? @siteaudits @Crawlinfo gleneagles.com.my
Technical SEO | | helensohdg380 -
Weird Google indexing issues with www being forced
IM working on a site which is really not indexing as it should, I have created a sitemap.xml which I thought would fix the issue but it hasn't, what seems to be happening is the Google is making www pages canonical for some of the site and without www for the rest. the site should be without www. see images attached for a visual explanation.
Technical SEO | | Donsimong
when adding pages in Google search console without www some pages cannot be indexed as Google thinks the www version is canonical, and I have no idea why, there is no canonical set up at all, what I would do if I could is to add canonical tags to each page to pint to the non www version, but the CMA does not allow for canonical. not quite sure how to proceed, how to tell google that the non www version is in fact correct, I dont have any idea why its assuming www is canonical either??? k11cGAv zOuwMxv0 -
How do I handle a redirect chain issue pertaining to a page that doesn't actually exist on my site?
I have a page showing up on the insights report as being a redirect chain. This page however does not exist as far as I can tell. It is not on my dashboard anywhere and pointing a browser to it produces a messy page with Wordpress theme error code spit out. How do I track this down to clean it up if the page does not exist within my Wordpress installation? The page for reference is https://butlermobility.com/dealers/downloads. As it stands today the dealers and downloads pages are separate. There is no downloads sub page within the dealers section.
Technical SEO | | NiteSkirm0 -
What can i do to get google to visit my site more often
Hi, i am having serious problems since i upgraded my website from joomla 1.5 to 3.0 We have dropped down the rankings from page one for the word lifestyle magazine, and we have dropped down in rankings for other very important words including gastric band hypnotherapy and i am starting to regret having the site upgraded. i am finding the google is taking its time visiting my site, i know this for two reasons, one i have checked the cache and it is showing the 2nd july and i have checked articles that we have written and they are still not showing. example if i put this article name in word for word it does not come up, Carnival Divert Ships In The Caribbean Due To bad Weather this was an article that was done yesterday. in the old days before the upgrade that would have been in google now. these problems are costing us the loss of a great deal of traffic, we are losing around 70% of our traffic since the upgrade and would be grateful if people could give me advice on how to turn things around. we add articles all the time. each day we add a number of articles, i was considering changing the front page in the middle and having a few paragraphs of the latest story to get google to visit more often. i know this would look messy but i am running out of ideas. any help would be great
Technical SEO | | ClaireH-1848860 -
Should I put meta descriptions on pages that are not indexed?
I have multiple pages that I do not want to be indexed (and they are currently not indexed, so that's great). They don't have meta descriptions on them and I'm wondering if it's worth my time to go in and insert them, since they should hypothetically never be shown. Does anyone have any experience with this? Thanks! The reason this is a question is because one member of our team was linking to this page through Facebook to send people to it and noticed random text on the page being pulled in as the description.
Technical SEO | | Viewpoints0