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
-
Reducing cumulative layout shift for responsive images - core web vitals
In preparation for Core Web Vitals becoming a ranking factor in May 2021, we are making efforts to reduce our Cumulative Layout Shift (CLS) on pages where the shift is being caused by images loading. The general recommendation is to specify both height and width attributes in the html, in addition to the CSS formatting which is applied when the images load. However, this is problematic in situations where responsive images are being used with different aspect ratios for mobile vs desktop. And where a CMS is being used to manage the pages with images, where width and height may change each time new images are used, as well as aspect ratios for the mobile and desktop versions of those. So, I'm posting this inquiry here to see what kinds of approaches others are taking to reduce CLS in these situations (where responsive images are used, with differing aspect ratios for desktop and mobile, and where a CMS allows the business users to utilize any dimension of images they desire).
Web Design | | seoelevated3 -
Does changing content and design of the website gonna affect my all the backlinks i have made till now
i have been working on my link profile for a month now, after learning about 5 step moz methodology i have decided that i would like to change all of the content of my site and taylor it to what my customers need, am i gonna loose all the domain authority if make changes? if it gonna affect, hows that gonna come out
Web Design | | calvinkj0 -
Is it okay to design different mobile site for different browsers
Hi, Is it okay to design different mobile site for different browsers on same url. The content of the site will also be different on different browsers. Will it be treated as black hat by Google. The mobile site & desktop site has same url across devices & browsers. Regards
Web Design | | vivekrathore0 -
Are we designers at heart?
A thought has crossed me. I've started to think about my relationships (uh oh...where is this going..?) with my web developer and designer and it seems design has become the core part of every SEO strategy I employ. Every page layout, rich content on a page and behaviour my customer might do, I'm thinking about the design. Are we in a way, designers as well? We put on so many hats and is design one of them? I'm technical with my web developer but I'm also concerned with the delivery the customer sees. How is your relationship with your web designer and developer? Are they core individuals in your SEO life?
Web Design | | Bio-RadAbs0 -
What Are The Hazards to Changing Over to Responsive Web Design?
We have recently re-programmed our website to Responsive Web Design. All the URLs have remained the same, all the content is unchanged. We have this new version sitting on a development server and are finding ourselves hesitant to make the changeover. Our rankings are great currently, and our question is whether or not there are any risks that we will incur by making this change. We would appreciate any advice on how to implement this change safely. Or if that's it's even possible to insure that there won't be ranking losses.
Web Design | | gfiedel0 -
Responsive Design vs Mobile For This Site?
They are going to do an entire website redesign for http://gaport.com/ and I think they should adhere to responsive design best practices. However, I'm just saying that because everything I have read says that's the "way of the future" if not the way of the present already. Any reason, they shouldn't do that and keep the desktop/mobile sites? Thanks, Ruben
Web Design | | KempRugeLawGroup0 -
Responsive design or mobile website for SEO
Because domains with a mobile version have better rankings in Google then domains with only a deskop version we're considering a mobile website. My web developer says that a m.domain.com is duplicated with the domain.com, and he recommends a responsive design. What is better for SEO positions in mobiles devices. A m.domain mobile website or a responsive design. What are influential factors?
Web Design | | remkoallertz0