Should a menu work when JS is disabled? Is that best practice
-
When I am working on a new website I usually spec that the main navigation should work whether JS is on, or off.
I always assumed everyone did that - until today - spent a couple of hours analysing menus on websites and noticed many didn't function when JS was disabled - particularly the menus designed for mobile devices.
Any thoughts on this from fellow Mozzers would be welcome.
-
thanks Dmitrii - It always seems to make things simpler if devs sticks to my guidance on JS - ensuring all links (inc menus) and all static text is visible whether JS is switched on or off - sadly, the often miss this bit!
-
Howdy!
Well, as we all know, Google is all about user experience now, and, with menu not working, something tells me UX will suck. So, yeah, I'd say menus shall be working either JS is on or off.
P.S. I think the problem originates from a lot of developers using bootstrap and such for sake of ease of development, which uses JS for menus.
Hope this helps
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
-
Website Form Doesn't Work for Visitors from Google Search App
I've got a strange issue where if visitor is viewing a website from within the Google Search App, the app doesn't seem to be able to handle online forms. The form relies users on entering data, which is then POSTed to an external booking engine site. Normally this works fine, except when Google Search App is acting as the browser, the post payload is empty and the URL breaks. We're a bit stumped as to how to move forward. So far the only lead is that Android users can override having the app behave as a browser - but doesn't seem like iOS users can. Any additional ideas/tips are welcome here - thanks. 🙂
Web Design | | mirabile0 -
Multiple Sites for an Attorney Practicing Different Areas of Law
Hello, I'm trying to make sure I give a potential client the correct advice. This person is an attorney whose current site ranks well. The site deals solely with his traffic ticket defense practice. He's considering building a new site to highlight his personal injury practice but is unsure whether to build an altogether new site or redesign his current site in such a way that it includes his personal injury practice along side his traffic ticket defense practice. Obviously he doesn't want to lose his current rankings, but my concern is that he'll actually dilute his rankings somewhat with the multiple sites. Both practices have pretty different sets of keywords they would need to rank for, with pretty different difficulty levels. Any advice? Thanks.
Web Design | | lawfather2 -
Multiple Similar Product Variations - Page layout, Title and SEO best practice??
Im doing some research into SEO for our new web design. I sell designer eyewear prescription and sunglasses. Lets take a Ray Ban Wayfarer sunglass it comes in 30 colours and 3 sizes for each model. Up till now i was of the impression that for best practice SEO i would need to have each individual variation as its own page, this would also help with things like google shopping too. So for example heres 1 colour product in 3 sizes of 30 colour variations for this particular model. Ray Ban Wayfarer RB2140
Web Design | | Craigboi1987
Colour: Black 901
Sizes: 47, 50, 54 Currently my urls looks like this with a new page and the size changing on the end for each variation. Ray Ban Wayfarer RB2140 - Black 901 - 47 URL: www.mywebsite.com/ray-ban-wayfarer-rb2140.html?colour=Black+901&size=47 Ray Ban Wayfarer RB2140 - Black 901 - 50 URL: www.mywebsite.com/ray-ban-wayfarer-rb2140.html?colour=Black+901&size=50 Ray Ban Wayfarer RB2140 - Black 901 - 54 URL: www.mywebsite.com/ray-ban-wayfarer-rb2140.html?colour=Black+901&size=54 This is very time consuming and I'm not sure if its adding any benefit to my SEO in fact scared its actually a) slowing my site down (content heavy)
b) looking like duplicate content I am thinking about moving towards a page more like this were it would be just be a model with variations. (not effecting the title/getting a new page per variation) http://demoleotheme.com/vigoss/index.php/atomic-endurance-running-tee-crew-neck.html I am not sure of the pros and cons of doing it this way over the way I'm doing it currently all i know is my site is ranking horribly. Lastly I'm currently running a magento V1.9 store which is renowned for duplicate content slow site speeds etc so have been told moving to woo commerce would benefit me for both site performance and seo but I'm skeptical as currently with this structure of a each SKU being a new page il be up to 8000+ products and multiple product variations that it can handle my needs, anyone with any experience on woo commerce platform? (this might be a operate question apologise) This is absolutely frying my brain so any advice appreciated. Im prepared to put every dying second into just need some solid advice in which direction to go!0 -
Multi-page articles, pagination, best practice...
A couple months ago we mitigated a 12-year-old site -- about 2,000 pages -- to WordPress.
Web Design | | jmueller0823
The transition was smooth (301 redirects), we haven't lost much search juice. We have about 75 multi-page articles (posts); we're using a plugin (Organize Series) to manage the pagination. On the old site, all of the pages in the series had the same title. I've since heard this is not a good SEO practice (duplicate titles). The url's were the same too, with a 'number' (designating the page number) appended to the title text. Here's my question: 1. Is there a best practice for titles & url's of multi-page articles? Let's say we have an article named: 'This is an Article' ... What if I name the pages like this:
-- This is an Article, Page 1
-- This is an Article, Page 2
-- This is an Article, Page 3 Is that a good idea? Or, should each page have a completely different title? Does it matter?
** I think for usability, the examples above are best; they give the reader context. What about url's ? Are these a good idea? /this-is-an-article-01, /this-is-an-article-02, and so on...
Does it matter? 2. I've read that maybe multi-page articles are not such a good idea -- from usability and SEO standpoints. We tend to limit our articles to about 800 words per page. So, is it better to publish 'long' articles instead of multi-page? Does it matter? I think I'm seeing a trend on content sites toward long, one-page articles. 3. Any other gotchas we should be aware of, related to SEO/ multi-page? Long post... we've gone back-and-forth on this a couple times and need to get this settled.
Thanks much! Jim0 -
What would be the best way to translate my website for international seo?
I am planning on creating a multi language website that targets different countries and would like to know what would be the best way to translate my content from English to multiple different languages (French, Spanish, Swedish, Chinese, etc.). I would hire a translator but doing so for all these different languages would be too costly. Using Google translate will leave me with at best a rough translation. What are my other options? Is there a website that can provide me a better translation? Would Fiver be a better/cheaper alternative? Thoughts?
Web Design | | Shawn1240 -
The Best Wordpress Templates and The Best SEO Plugins??
Hey guys, I am a newbie and after so many painstaking hours of building my new site using the WIX platform, I just found out that WIX is not SEO friendly 😞 So referring to (copy n pasted) the old post below posted in by Big Bazza back in June 2011, does anyone agree or have any updated information they can assist me with so I can get my new site started ? Cheers 🙂 www.studiopress.com - excellent templates and support is first class! EDIT: These all support WP 3.0 and are SEO friendly too! (They have modified the SEO functionality) However, the framework also allows you to run Yoast Wordpress SEO - which is generally considered the best SEO plugin for WP. http://yoast.com/wordpress/seo/
Web Design | | Giorgio680 -
How to best correct cannibalization?
I apologize if this has already been answered, but after reading several posts on cannibalization, I can't seem to find what I am looking for. The site in question is www.urbanitystudios.com and in particular the term "western wedding invitation". We rank in the top 30 for this term in Google, but Google has indexed a particular product, versus our western wedding invitation collection page. The product that is indexed for this term: http://www.urbanitystudios.com/Designs/western-wedding-invitations-p-1527.html The page that we would rather be indexed: http://www.urbanitystudios.com/Designs/western-wedding-invitations-c-95_179_181.html After running an onpage report in SEOmoz tools for the collection page, we recieve an A grade, but get a warning on the cannibalization line item. As you can see, we name each product within that collection as "Western Wedding Invitation-x" (and have done this for other product categories...not good). After a good head slap, we realized that we are confusing Google as to what should be the main page. If we rename our products, the product's URL will change-Do we do a 301 for those products? If we rename our products, do we take out the words "Western Wedding Invitation" entirely or can we say "x-Western Wedding Invitation"? Or. because cannibalization is deemed a "low priority" in the reports, do we let things be and work on getting links to the collections page vs the individual product? Any insight would be most appreciated.
Web Design | | UrbanityStudios0 -
Best E-commerce Solution - SEO Friendly
I need to know thoughts on the best ecommerce solution for our company. We currently have one website with our products, that people call and they purchase over the phone. In the future we are considering adding a different product line, to which we want to be a fully functional online ecommerce site. We eventually are considering having only a portion of our products on our current site to have the ability to purchase online. The reasoning is because we sell very high quality products that range from $1000 - $200,000. We would like to have a consumer section and an industrial sectioin. The consumer section would consist of products from $1000 - $10,000 or so. Then the industrial products you would need to call to purchase. So would it make sense to have a main website that is our corporate site with links to different websites? Or to keep this all in one website and have different directories like so: corporatecompany.com - links to product-line.com corporatecompany.com - links to product-line-two.com or corporatecompany.com/consumer-grade/ corporatecompany.com/industrial-grade/ corporatecompany.com/the-ecommerce-only-section/ Can a shopping cart be used to turn on half of the products for purchasing online, and the other half to be call in only ? What is the best e-commerce solution that is SEO friendly and also can just play a role of a regular website?
Web Design | | hfranz0