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
-
AMP vs Responsive Design? Mobile SEO
Hello !! We are developing a new website with responsive design. As is recommended, the idea would be to have a unique site for mobile and desktop, with same content and same url for both devices, using responsive design to adapt the layout depending on the device. My doubt in here is about the AMP pages? If my website has responsive design, perfectly optimized for mobile do I need somehow AMP pages? As far as I understand, these amp pages would be useful if I had different pages for mobile, but this is not the case. Am I correct or am I missing something? Thanks for your help :
Web Design | | AutoEurope1 -
Pageless/Single Page Design and Migration Questions
Hello, We are starting a content audit and migration to a new CMS. We would like to take content and present more on a pageless/Single Page type design instead of having visitors drill down so many levels to find the content. What should we be aware of from an SEO perspective. Here is Example of current pages and structure: http://www.saintpetershcs.com/GraduateMedicalEducation/PediatricResidency/
Web Design | | sphcs
Subpages include: Overview, Curriculum, Faculty, Residents, Benefits, How to APply Here is example of what we would like to do:
http://themeforest.net/item/medicalpress-health-and-medical-wordpress-theme/full_screen_preview/7789703 As you scroll information is populated: Duke Medicine also has something similar. https://www.dukemedicine.org/treatments/cancer What are your thoughts?0 -
"Design by" footerlinks of webdevelopment firms
Hi Guys, Since our company does a lot of web development jobs next to our SEO work, we came across the topic of the “Design by” or “Webdesign by” links that our competitors are placing in the footer of clients websites. When I did some backlink analysis of our competitors these links make up the biggest part of their backlink profile. That way, I think they are important for the promotion and SEO of web development companies. I would love to have your opinion about how to use these links for SEO 1. Side wide vs homepage I think there are two ways here, going for a link at the bottom of every page or just one link at the bottom of the homepage. When you look at exposure the most ideal situation would be a side wide link (more eyeballs). From a SEO standpoint this might cause trouble. 2. Follow vs nofollow I think this is a very interesting one since there seems to be a lot of different opinions about if this is advertisement or not. A normal banner in a sidebar would get the nofollow tag to match Google’s guidelines but what about this “designed by” link? I know few designers and “putting a stamp” on their work is pretty common and more likely viewed as something that they deserve then an act of commerce. Besides this discussion adding the nofollow tag could prevent any issues with side wide links but reduces any SEO benefits to zero. Another option is adding the nofollow tag to all the links expect the one on the homepage. 3. Anchor text and descriptive text Since anchor texts play a big role in SEO (and in detecting spam) I’m interested in your opinion about the use of anchor texts with such links. Just the company name or the web address sounds like a safe choice (especially with side wide links) but it’s pretty attempting to link words like “Webdesign” instead of the company name. Do you think it’s safe to use this, or any other keywords in 0,5,10,15,20,25% of the times? And do you think the descriptive text “Webdesign and SEO by” got any value (or causes potential risks) when added before the link? 4. Alternatives or extra link opportunities Here are some other options I found and thought about considering getting links from client websites. Asking, or earning a link in their first blogpost. Yjpiieee our website is online, thanks guys of company X. Links in the disclaimer or legal parts of the website. Link in the main content of the about us. Most likely in the bottom a little section about the credits of the design etc. Links on partner / friend / links pages of the website. I saw all of these links in the backlink profiles of our competitors. Last but not least, my current standpoint: At this moment we ask our clients if we may place a small text and link in the footer of their website next to the copyright claim. We use texts like “Webdesign and SEO by Web Whales”. With only our brand name as anchor text (to avoid penalties). It’s a side wide follow link. Side wide because we want the exposure and follow because we want the SEO benefit. We considered just making the homepage link follow, but this kind of feels like manipulation so we just went for all follow since this is pretty normal on the web. Beside that we celebrate new websites with our clients to increase the change getting mentioned on the first blog or partner page. Occasionally we ask them for links on these pages. What’s your opinion about this topic?
Web Design | | Bob_van_Biezen0 -
Footer Links For Web Design Agencies - Bad?
So today Google have updated their Webmaster Guidelines and they have drawn particular attention to their update relating to Link Schemes. http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66356 Unless you have had your eyes closed and your fingers in your ears since February then most people are aware of the types of link schemes that the updated is refering to but there is one area that isn't so black and white for me. "Here are a few common examples of unnatural links that violate our guidelines: Widely distributed links in the footers of various sites" We are a design agency and we design and build lots of websites for our clients. It is pretty standard practice for agencies to add a credit to the footer of websites and we pick up a lot of work from people that see a site that they like and click through the footer link to our site. Our footer credit is standard on all of the websites that we create:- Website by Teapot Creative Only the 'Teapot Creative' part of the credit is anchor text so we are only linking using our brand name with no intention of manipulating search results. Is this going to hurt us? or will the fact that we are only linking using our branded term and without any SEO intent keep us in the clear? Thanks.
Web Design | | AdeLewis
Ade.0 -
SEO while designing the website and continuous SEO
What's the difference between SEO while designing/developing a website (ie, setting up a website so it is crawled by search engines) and the SEO that people talk about that needs to be viewed analyzed and changed all the time? I don't have a ton of money to spend on SEO right now but I do want to make sure my website is set up by an SEO expert (if possible) so when I do have money to spend on SEOthe website is set up properly to work with more advanced forms of SEO. I guess I don't understand where you can draw the line (if forced due to money constraints) between SEO in the beginning and continued SEO. What do I need to look for with SEO and the design of my website. How do I get some type of SEO without breaking the bank??
Web Design | | CapitolShine0 -
Looking for an open source or wordpress designer that knows seo best practices
I have almost lost my patience in trying to find a web developer for our project. I have searched high and low from freelancers to us based firms. All I can find; freelancers that can't get the job done, but promise they can and us based firms that are currently getting away with murder charging through the nose on work that is not acceptable to say the least. US based Firms 1. Seem to give you as little work as possible to increase their margin. I get it we all need to make money. 2. Everyone knows how to do everything until you start telling them that you have a little education in the industry and will be testing their work. All of the sudden they no longer talk to you. 3. Got a few recommendations and they are all subpar performers. After asking them why their builds load so slow or have so many errors they have excuses that point to the customer Freelancers over seas. 1. I am not sure where to start with this. I have searched high and low in freelancer for someone that I can trust to build a site. Of course there is a ton of junk to look through. After countless hours of narrowing down the individuals I am thinking of giving a shot I find that they are not capable of the job. All I want is a new website from a firm that is honest and knows what they are doing. That is educated in seo best practices. That can build a quality website and actually has references of sites they built that are still up and running and test out alright. It is pretty bad when web development companies miss simple items like h tags. Really? Does anyone know of someone that knows what they are doing? That can work with someone that knows how to run a dvd player. Just disappointing to see all these web companies and freelancers that get away with murder. Who earns their keep in this industry?!?!?!?
Web Design | | forecastedinvestments0 -
Facing design issue in IE6 and IE7
Hi, I implemented custom search code on my website which is on a test url http://61.246.241.232/. It is working perfectly fine on all the browsers except on IE6 and IE7. Can anyone please let me know the solution to this problem. Thanks & Regards
Web Design | | IM_Learner0 -
Question about web site structure
Is there an SEO advantage for individual pages to be in sub folders vs not being in a folder? Of course site managemnt is easier with folders if you have 100;s of pages...clearly a shorter URL is easier for humans to naviagte. store.com/gadgets store.com/lasers vs. store.com/gadgets/lasers
Web Design | | johnshearer0