I've redone an ecommerce site because it was 7+ years old and the code was very outdated, so much so, that I couldn't add the new features that were requested by my employer. Needless to say, it was due.
Now, some of the components, like the mega-menu/drawer at the top, listing all categories and sub-cats, are rendered via VueJS. That means that they don't show up in the initial HTML as HTML, they're just a JSON object.
Recently, a SEO master -- my employer's words, I didn't interact with him, just received this as a todo -- told us to search for something from our site via Google, go to the "view cache" option, and look at the "text-only view", where we should see that the links from the menu don't appear on the page.
That's normal, because they're rendered after page load, with JS.
However, because Google has been crawling pages with JS support for the past couple of years, and because in the same cache view, the "preview mode" displays the website fully functional, including the menu, I believe this is a non issue.
But since I'm more sure of my dev abilities than my SEO ones, I wanted to find out your thoughts on this.
Have you run split tests on this? Do you have any experience with something similar to this issue to help me figure out which is the best approach?
If this is indeed required, could a listing of all links inside a CSS hidden DIV be enough for this? I mean like a screenreader-only listing of those initially "missing" links.
Thank you!
[link] [comments]
from Search Engine Optimization: The Latest SEO News https://www.reddit.com/r/SEO/comments/pfsqxj/ecommerce_should_menu_links_and_subcats_be_listed/>
No comments:
Post a Comment