More than one H1 on a page: good or bad? – Erin, south of Boston

Is more than one H1 header tag good or bad?

In short, bad!

There are two main reason why you should only have one <h1> header tag in place per page:

1. Better for SEO – I recommend having only one <h1> header tag per page and one <h2> header tag utalizing those two for your target keywords without keyword stuffing either of them. If you have more than two sections on one page, follow those up with <h3>’s and <h4>’s as needed and remember you can style them via CSS to look excatly like your <h1> and <h2>’s if you wish. Keep search engines and visitors in mind when using header tags.
2. Style – Header tags were created for style and anyone that’s been around web development at all knows that multiple h1’s on your page looks horrible when CSS is disabled – hence the reason why there are h2, h3, h4, etc. Don’t forget that you do have header tags beyond h1 & h2!

An Introduction To Color Theory

Color theory is a body of practical guidance to color mixing and the visual impacts of specific color combinations

-Wikipedia (color theory)

We’ve all seen it/felt it – It might have been a logo, a website or even the clothes you were wearing – but when you looked at it something was just… off. Color is one of those things that may not draw much attention when its right, but it certainly makes an impression when its wrong. While some people have a natural nack for it, there is a lot of science behind matching up hues in a color scheme – that’s where a little understanding of color theory comes in handy.

Color theory is essentially just a structured way of organizing and using color in design, but in order to better understand color theory it might help to learn a bit about its origins.

Color Theory Basics: Starting at The Beginning

The long and sometimes controversial history of color theory has been influenced by some of the most notable names in science and art.  The earliest concepts related to color theory emerged during the Renaissance when Leonardo da Vinci & Leone Battista Alberti postulated on ‘optics’ (the study of the behavior and properties of light) among other things.

However, full fledged color theory didn’t really emerge until much later with Sir Isaac Newton’s own experimentation into optics where he discovered the color spectrum.

The Color Spectrum

Through his various experiments Newton demonstrated that white light, when separated using a prism, was really a spectrum (or an array) of various colors combined. His experimentation exposed the existence of the visible spectrum of light, which he  studied extensively dividing it into 7 distinct color bands – red, orange, yellow, green, blue, indigo, and violet. It has since been argued that indigo, being relatively undetectable to the human eye, shouldn’t be considered a separate color. Goethe’s own color model for instance opts for only 6 distinct color bands, neglecting Indigo.

The Color Wheel

To help visualize color relationships, Newton developed the color wheel. A simplified model of the color spectrum, the color wheel starts at red and cycles clockwise through the hues to violet. The key to the color wheel is observing how one band of color relates to another band based on its proximity or position.

While Newton’s original color wheel had 7 distinct hues, Goethe’s Theory of Color introduced a symmetrical 6 hue color wheel (with-out Indigo). Goethe’s color wheel positioned colors directly opposite of one another, allowing each color to be “diametrically opposed” to its color counterpart – our first scientific peek into the contrasting & complimentary nature of color relationships.

Color Theory Recap

While the term Color Theory itself can sound a bit lofty, keep in mind, it’s just a simple, structured way of organizing colors and understanding color relationships. The basics are simple & can be applied by even the most novice of artists/designers. Hopefully, armed with a little color theory knowledge we can make smart color choices that improve our design efforts.

But Color Theory is just the beginning – continue reading the Color and Design series to discover more about how color can influence your design for the better. Also, be sure to check out the 3rd party resources listed below for more on Color Theory. And as always, your comments are encouraged and appreciated.

Color Theory Resources

• http://en.wikipedia.org/wiki/Color_theory
• http://www.colourlovers.com/blog/2008/05/08/history-of-the-color-wheel/
• http://www.worqx.com/color/
• http://en.wikipedia.org/wiki/RYB_color_model
• http://en.wikipedia.org/wiki/Theory_of_Colours_%28book%29
• http://www.cs.brown.edu/courses/cs092/VA10/HTML/ColorModels.html
• http://www.colormatters.com/colortheory.html
• http://www.johnlovett.com/colour.htm
• http://www.colorcube.com/articles/models/model.htm
• http://www.colorcube.com/articles/theory/theory.htm

Color and Design Introduction

Two of the greatest weapons in any design ninja’s arsenal are a keen understanding of color, and a strong grasp on how to apply it in design. Color, both evocative and visceral, compels an emotional response engaging the audience both instantly and deeply. Color… is powerful.

However, color’s power is raw & primal, and with-out direction it can quickly overpower your design. Like other visual elements at a designers disposal, color is a tool that must be managed and applied purposefully to achieve its maximum effectiveness. In concert with line, form (or shapes), proportion, texture and balance, color can attract or deflect attention, infer weight & momentum, imbue mood or completely modify the meaning of a design.

Color and Design Series

Over the course of several articles we’ll uncover some of the essential principles that govern color, and explore methods of effectively leveraging color in design.

Key articles in this series will include an introduction to Color Theory, an exploration of the Color Wheel and related color schemes (primary, secondary, tertiary, complimentary, split complimentary etc), a study of the various color models (RYB, CMYK and RGB), a look at defining the difference between saturation and value (tints, tones, and shades), a discussion on color psychology & color meanings, and collections of HTML color codes, color scheme tools and other color & design related resources & inspiration.

The Color and Design article series avoids the extensive complexities of mathematical color science (mathematical formulas & physics), and focuses more on the essential principles of color and design that relate most directly to how designers use color in our work.

I hope you enjoy reading the series as much as I have enjoyed collecting the data and writing the articles.

If you have a company logo on your site, what is the best way to include the text of the logo for SEO purposes? ALT tag, CSS hiding, or does it matter? – Richard M, Austrialia

Use ‘alt tag’ or CSS to label your logo?

In short, Yes, use the ‘alt tag’ or the alternative text tag to add text to your logo or any other image for that matter.

In detail, Search engines love to see alternative text being utilized in images and hate to see hidden text in any way, shape, or form. I recommend keeping your alternative text very simple and to the point around 3-4 words but remember to add some relevant keywords within your images alt text as well – always keep search engines in mind along with users.

Why use the ALT tag in your image?

1. It’s Search Engine friendly – search engines, especially Google, have gotten very smart at catching ‘black hat’ type SEO tricks and hate to see them in any part of your website. They do however love to see correct ways of optimization and will value your website higher in the long run if you do everything correctly. With that said, USE ALT TEXT because search engines love to see all images, including your logo, have them in place plus it does add value to your site.
2. Generate traffic from Image Search- I don’t know about you but I love Google Image Search and use it on a daily basis to find great, relevant images for my particular need. Supply your images with alternative text will give you that extra boost you might need for your images to start showing up in image search ultimately generating more traffic for you. Weather it’s a church website or a personal blog, always use alt text.
3. It’s Simple & Easy to use – I know that CSS hiding is NOT hard but neither is using the ALT tag in your images. In fact, it actually takes less time to add some good alternative text than it does hiding some text via CSS. Another cool feature about the alt tag is ANYONE CAN USE IT – that’s right, anyone! If you can add an image via HTML you can add alternative text (see below for reference). If your using a CMS (Content Management System) be sure to utilize the Alternative Text option – it’s super easy!

So, How do I add alt text to my images?

Easy, just use the codex below:

• <img src="boat.gif" alt="Big Boat" />

When adding an image just add the alt=” ” to your HTML and remember to put unique alternative text for each image between the ” “.

Welcome everyone to Part 1 of the WordPress for Beginners series where will begin to cover the basic fundamentals of WordPress 2.7 and will eventually grow until the ultimate guild for beginners using WP.

Today, we will cover the following:

• What is WordPress & Why use it?
• Finding & Logging in to your WP Dashboard
• Understanding the WP Dashboard
• How to write new post, categories & tags

Let’s jump right in…

What is WordPress?

Simply put, Wordpress is a free and open source blogging application. However, WordPress is utilized as much more than JUST a blogging platform but rather a CMS (Content Managment System) that allows one to control multiple pages & large amounts of content on a particular website making it a breeze to edit and exspand.

Why use WordPress?

• It’s Awesome - WordPress is known for its easablity, efficentness and power to manage content, blot posts, images, videos, and much more. Simply put, WordPress is just awesome!
• More than a blogging application - One of the best features of WordPress is the ease of using it across various verticals and niches. Use WordPress for you church website, church blog or even your youth website & blog. Everyday users all the way up to huge companies use WordPress to power their website.
• A ton of support - WordPress has grown to be the largest blgging tool in the world and is being used by thousands of sites operateded by millions of people. With that said, the support for WordPress is OUT OF THIS WORLD which can truly come handy when you need an answer to your question(s).
• It’s Open Source & Free - WordPress is open source meaning anyone can create anything for it such as plugins, theme, etc and it’s Free! Not partucally free but 100% free to everyone and anyone which is perfect for churches as it cuts down on website operating cost.

Step 1: Logging in to your WordPress Dashboard

The Wordpress Dashboard (aka backend) is where you, the administrator, can manage, create and edit all your pages and post along with changing your site options. To find your websites log in screen simply add /wp-admin/ to the address/URL of your website. For example, if your website URL is http://www.example.com, your dashboard could be found at http://www.example.com/wp-admin/.

I recommend adding your administrator Wordpress dashboard to your bookmarks to keep form entering in the /wp-admin/ each time you want to change or add a page or post to your website. You can do this by logging on to your dashboard > Go to bookmarks > then Click ‘Bookmark this page’. This will save you time later.

Step 2: Understand the WordPress 2.7 Dashboard

Before we can start editing away at WordPress we must understand the basics of the WP Administrator Dashboard.

• Admin Menu - Use this menu to manage every part of your WordPress website. Add post, pages, links and approve, decline or delete comments. You can also change every option of your WordPress theme through this menu.
• Right Now - A quick glance at how many post, pages, category’s, tags and comments you have. Also informs you on which Theme and version of WordPress you are currently using and provides an option to update if your are out of date. Be aware of updating your version of WP and plugins as it can alter the way your site is rendered.
• Recent Comments - Gives a quick view of recent comments submitted to your blog postings and allows you to approve, decline or delete them right from the admin dashboard.
• Incoming Links - This dashboard widget uses Google Blog Search to report recent incoming links to your particular blog postings. A very valuable way to keep track on who is linking to your blog post and spreading the word. Remember to comment on their blog, thanking them for the link back as it provides traffic to your website.
• Plugins - A quick view at the most popular, newest and recently updated plugins from the WordPress Plugins page. View all the recent plugins out there that can help you tweak and enhance your website. Beware of updating & adding plugins unless you are confident it will not alter your website and its functionality.
• Quick Press - An easy and fast way to add post to your blog. Enter your title, content & tags and click ‘Publish’ right from your admin dashboard.
• Recent Drafts - A quick reference to all your pages & post that are just drafts; meaning they are not published yet.
• WordPress Development Blog - Recent post from WordPress about development of new versions. A very good way to stay up to date with all the WordPress development news.
• Other WordPress News - Stay in touch with what is happening in the WordPress realm including finding what is new and what is happening to WordPress.

Step 3: Writing/Editing Post & Using Categories & Tags

From your WordPress dashboard, click the Post down arrow, which will open up a sub-menu for the Post section. To add a new post click ‘Add New’ which will then take you where you can write a new post. To edit click ‘Edit’, which will then take you over to a overall list of all your posts. Click which post you would like to change & edit away.

Add New Categories & Tags

Adding & managing your categories is easy. To add a new category click ‘+Add New Category’ > enter your new category > then click ‘Add’. You can choose to add sub-categories by using the drop-down menu right below the Add button. To choose multiple categories for your post, just check-mark each category you want to file that particular post under.

Adding Tags is quite simple as well. To add just enter the tag you want, for example ‘tag1′ and click ‘Add’. You can delete tags by clicking the ‘X’ button beside each tag.

Publish Your Post

To the right of the post writing area you will find the ‘Publish’ section. From this section, you can Publish your new post or ‘Save Draft’ for editing later. You can also change the ‘Status’ of your post to either ‘Draft’ or ‘Pending Review’ which will allow the administrator to review post created by subscribers, which we will discuss later.

If you would like to change the ‘Visibility’ you can do this by clicking ‘Edit’ and choosing weather to show this post Publicly, Password Protected, or Private (default is set to Public). For all you “writing in advance users”, you can select when the post will publish by changing the desired date and clicking ‘Ok’.

That’s a wrap…

Today we covered the very basic core functionally of WordPress 2.7 including finding & logging into our dashboard, understanding our dashboard and creating & editing new post along with categories & tags.

In Part 2 we will cover how to create pages, add images & links. Until then, if you have any questions about what we covered today, please feel free to comment below. Thanks for viewing & God Bless!