How to fix Google Console error for Video out side "viewport"

Shopify Discussion
1

Hey gang!. I have been recently updating and reviewing Google Console review of recent website. Recent crawl returned era with video on site not being indexed Due to it being outside of the “viewport”. Any ideas on how to fix this issue so that I can validate on Google console as fixed thoughts much appreciated.

1 Like
2

Hey @Alexa_RN ,

Great question!

The viewport refers to the user’s visible area of a webpage, and it varies with the device being used to view the site.

To fix this issue, Google states:

“The video must appear in the viewport when loading the page to be considered for indexing. Move the video so that the entire video is inside the renderable area of the page and seen when the page loads.”

I suggest using the live URL test to examine the screenshot and see the page as Google sees it. Your video should be in a prominent place on the page so that it appears in the initial viewport when rendered on Mobile-Friendly Test.

If the video is indeed outside the viewport, you’ll need to adjust its position. You can do this by editing your theme code in Shopify. You might need to adjust the CSS or HTML depending on your site’s layout. If you’re not comfortable doing this, you might want to consider hiring a Shopify expert.

I also recommend checking out: Video SEO best practices

Let me know how you get on!

3

Thank you for the response. I am not a professional coder. However, I wanted to have a try at adjusting the code for Dawn theme. Any suggestions?

4

You’ll need to locate the relevant file where your video embed code is located. This could be in any of the template files like index.liquid, product.liquid, page.liquid, etc., depending on where the video is located. If the video is part of a section, you might find the code under the Sections directory.

I suggest starting a new forum post and sharing your website link, so that a fellow developer within the community can take a look at your theme code and provide you with a solution!

5

Hello @Alexa_RN

Can you share your store URL (page URL) of where the issue happens?

Would be easier for me to come up with a solution for you :slightly_smiling_face:

Thanks.