What are the 10 commandments of web design?
-
what are the 10 commandments to follow when designing a website?
-
Thank you for the comprehensive answer.
-
That is right up there with "what is the meaning of life?" Everyone will respond differently.
I will share a few ideas::
1. Ensure your site complies to whatever coding standards you are using. For HTML, use the validator offered at http://validator.w3.org/
2. Ensure your site is optimized for SEO. Use an appropriate title tag, meta description and canonical for every page.
3. Social sharing is a component of web design. Facebook and Twitter authentication, sharing widgets, etc should all be taken into consideration.
4. Web security should be always be considered. Know which parts of your site will be public and private.
5. Know your audience. Who will use your site? A technical site may be designed very differently then a site discussing music or art.
6. Your site must be easy to navigate. Navigation bars, drop down menus, html site map, links, etc. all need to be considered. Buried content might as well not exist. Content should be layered so the most interesting content or best selling products will be on the landing page. Links will be offered so visitors can then move on to other products or content.
7. Stay consistent. I will take consistency over style any day. One example is breadcrumbs. There are some pages where they are helpful, and some where they are not useful. But if you decide to use breadcrumbs on your site, they should be used on every page so you stay consistent.
8. Check your site on every browser your audience might use. Presently IE 8, IE 9, FF 3.6, FF4, along with the current versions of Chrome and Opera needs to all be checked.
9. Go Mobile. Your site needs to consider the viewing screens of your users. Not only do you need to consider users with smaller monitors, but also the many users who will view your site from their cell phone.
10. Content is king. You can develop a perfect site, offer great security, and do everything else right...but if you don't add quality content then the rest doesn't matter much.
Wow. I had no intention of making it to ten when I started typing but the ideas just kept coming.
-
I tend to use these guidelines...
- The KISS method works wonders (Keep It Simple Stupid). Say more with less.
- Keep it Content-Heavy and Code-Light
- Learn proper HTML structure - think of the ease of adjustments down the road.
- Make the site be fast-loading
- Communicate... that's the whole point
- Maintain clear calls-to-action
- The web can be hard to read, especially for older eyes. Design to your audience and have nice contrast.
- Keep an open mind - push yourself to learn and try new things. Ask questions and seek answers when you are unsure.
- Design inspiration can come from anywhere... non-web sources can be great! Architecture, magazines, nature, you name it!
- Web design (including page markup) is both parts creative and technical. There is no single way to lay out a great page. Some ways work better than others though, so strive to be the best you can!!
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
-
Core Web Vitals hit Mobile Rankings
Hey all, Ever since Google announced "Core Web Vitals" are mobile rankings have nose-dived. At first, I thought it was optimisation changes to the page titles we had made which might still be part of the issue. However, Desktop rankings actuallyy increased for the same pages where mobile decreased. There is the plan to introduce a new ranking signal into the Google algorithm called the "core web vitals: and this was discussed around late May. even though it's supposed to get fully indexed into a ranking signal later this year or early next; I think Google continuously test and release this items before any official release. If you weren't aware, there is a section in Google Webmaster Tools related to "core web visits", which looks at:1. Loading2. Interactivity3. Visual StabilityThis overlays some of the other basic requirements of a good website and mobile experience. Taking a look at our Google Search Console, it appears to be the following:1. Mobile- 1,006 poor URLs, 100URLs need improvement and 475 good URLs.2. desktop- 0 poor URLs, 379 need improvements and 1,200 good URLsSOURCE: https://search.google.com/search-console/core-web-vitals?resource_id=https%3A%2F%2Fwww.griffith.ie%2FIn the report, we can see two distinct issues with the mobile pages:CLS Issue: more than 0.25 (mobile)- 1,006 casesLCP issue: longer than 4secs (mobile) - 348 case_CLS (Cumulative Layout Shift)This is a developer issue, and needs fixing. It's basically when a mobile screen jumps for the user. It is explained in this article: https://web.dev/cls/Seems to be an issue with all pages. **LCP (Largest Contentful Paint)_**Again, another developer fix that needs to be implemented. It's connected to page speed, and can be viewed here: https://web.dev/lcp/Looking at GCS, it looks like the blog content is mostly to blame.It's worth fixing these issues and again looking at the other items on page speed score tests:1. Leverage browser caching- https://gtmetrix.com/reports/griffith.ie/rBtvUC0F2. https://developers.google.com/speed/pagespeed/insights/?url=griffith.ie- mobile score for home page is 16/100, https://www.griffith.ie/people/thamil-venthan-ananthavinayagan is 15/100I think here is the biggest indicator of the issue at hand. Has anybody else noticed their mobile rankings go down and desktop stay the same of increase.Kind regards,
Web Design | | robhough909
Rob0 -
Responsive design and Google analytics mobile tracking codes?
Hi all, We are currently rebuilding a site using responsive design, however i have just had a thought. On another site where we have a mobile site under a sub-directory we utilise mobile tracking codes as we found that this was far more accurate for recording visits. On a responsive design site evidently all pages, desktop and mobile, will be under the same URL, yet the content will adjust to the screen size of the device. Should we also change the tracking code to be mobile code on the lower resolutions or would the same code be sufficient?
Web Design | | Sarbs0 -
Web Design for Ecommerce like wanelo
Hi, I have a client that wants to design an ecommerce site like http://www.wanelo.com/ initially they want to set up a first release to test their market using just he basic functionality thereofre you see a picture click on it add toshopping cart an buy. Does anyone know of a theme that can be used on wordpress or any other ecommerce system that has a pre defined theme as http://www.wanelo.com/ Thanks
Web Design | | VivaArturo
Arthur0 -
Turning my Design Business site into a site to promote SEO
I need advice on retooling my website for my SEO biz. I have shifted my business model from graphic designer who does websites, to "internet marketing consultant who does graphics too". My main website and domain name is over 10 years old, so I've made the decision to keep it, even though it has no keywords in the name. The name works well for the new business, otherwise. The site has a PR3 and I rank well for small business advertising terms, which gets me graphic design business. I intend to keep doing graphic design, but that is a smaller part of my income. I had considered making 3 satellite sites with keyword domain names to cover my offerings of graphic design SEO, website development, and internet marketing. But am leaning against it for several reasons (that all of us SEO's know) but mainly the fact that I cannot keep up with both working for my clients and blogging on multiple sites and link building for multiple sites. So my question is (you knew there was one coming, right?), what is the best approach to building categories of web development, internet marketing, and SEO into my existing graphic design/advertising oriented website? This is slightly embarrassing to ask as an SEO, but given the multiple approaches possible, and knowing the importance of doing it right the first time, it's best to get an consensus perspective on the BEST approach. My main concerns are the navigation system and the links from the homepage into the site. I have too many pages I've identified as essential to link off of the home page and navigation menus? (Website development, social media marketing, link building, keyword research, pay per click, online advertising, graphic design, brochures, catalogs, Logos, Branding, SEO, keyword research etc.) I've always tried for the ratio of one link off of any page for every 100 words of content. Do I create a home page that is of monster proportions? Do I just have the 4 basic areas linking off the home page then create a "landing zone" of 4 folders and create down from that? I am concerned about URL length as I go deeper with that approach. Or, does it make more sense to have a dozen second-level pages, and not link them all off the home page, and build from beneath (and relying on external juice). Next issue is the nav system. It will be huge. Am I best off just keeping it to 4-6, and creating subnavigation on everypage within the site according to section (PITA)? I've read dozens of blog opinions on how much nav systems do or do not hurt link juice. I've always thought footer links were right next to worthless to pass any juice, but given this situation, does it make sense to make a footer link for each major page (about 20)? Thanks for your opinions.
Web Design | | JCDenver0 -
Does changing nameservers and a new site design affect SEO dramatically
We are about to change nameservers and upload a new website design design, completely rebuilt website to that new hosting, will this effect our seo efforts previously and have an effect on our SEO rankings?
Web Design | | CompleteOffice0 -
Looking for quality, cheap web design company recommendations
Does anyone have any recommendations of a very cheap web design company from India or other countries where the work is also high quality? I can project manage the development and provide a set of web standards such as to use valid code, no meta keyword tags, no flash, etc etc. I am looking for companies I can trust to perform the actual work. The web is full of companies but examples of quality work with WordPress, Joomla and particular ecommerce platforms is very thin or non-existent. If you can share any companies which you have personal experience with, I would appreciate it.
Web Design | | RyanKent0 -
Any discussions on the actual web page design and how it might affect SEO?
Are there any links to previous discussions or tips, techniques for how creative design has any impact on seo??
Web Design | | theideapeople1 -
Products page design | e-commerce
Hi All, We are redesiging our ecommerce site and product page is bothering us. We want to tidy up. We want to hide some of the description with jquery script. Visitor will be able to view first 30 words and there will be a "read more" text link just after that content. If they want to read more (which we think most will do) they will have to click the text link and rest of the content will slide open in the same page. The whole content is visible from source code. Would this be ok as far as Google and SEO concerned? I hope I explained it well 🙂
Web Design | | Jvalops0