Let’s talk about how to use the design tools for website validation. It’s all black and white, there are no grey areas when it comes to site validation. You either do it correctly or not at all.  By placing a bit of code in your site or embedding code, you can add a Google +1 button.. Refer to the bottom of this post for the code.

Google +1 Validation
The power of the Google + button is pretty huge when it comes to returning in Google Search. The Google 1+ for your website acts as a validator, another way for a site owner to prove that they are who they say they are and they do or offer what the site says they do or offer. Validation is everything to a search engine and you can achieve it with lots of different website tools. Search engines want to return valid sites to their users without much effort or pain. The more you share with search engines who and what your site is and does (filling in the blank spaces), the higher up you will return in searches. This is another part of website design and called SEO or search engine optimization. Maintaining order matters to a working standardized website, when you keep order and follow SEO basic rules, your site will stand shoulder to shoulder with all the website claiming to be similar to yours and offer what your site offers.

SEO No Empty Spaces
The empty spaces on your edit page or post screen mean something. Blank spaces in WordPress aren’t just empty for no reason, you are meant to put words there, your working words. For this post my working words are design tools, site validation, website design,  website tools. This is a post so I will add these words to the title, url, categories, excerpt, meta_description and meta_keywords. I would also fill out the feature image’s url (before I upload so I choose the url which is created from the title of the image), alternate tag, and description.  If this were a page, I would add my working words to the title, url, (using the same working words as I did for the post but moving the words around to make a new title and url) excerpt, meta_description, meta_keywords and once again, I would fill out the feature image’s url (before I upload so I choose the url which is created from the title), alternate tag, and description.

SEO Filling the Empty Spaces
It’s important to create your site’s images with valid original urls (links). I think it’s worth saying one more time. Before you upload an image to your website, change the title of that image from nonsensical like this img54547 to a working word title like this Design Tools. Instead of ending up with a url like this urlmd.com/art-gallery/img54547, you create a url like this urlmd.com/art-gallery/design-tools. Now, that image is super-duper powerful; It has a great url. It’s alt tag text is slightly more embellished than the url like this Design Tools, Site Validation. The image description will be even more embellished than the alt tag like this Design tools for SEO and validation of websites, design tips and tutorials. If you add a caption, it should mimic the title, simple and direct. Do all these things every time you upload an image to your website, and you will empower those images to do all the work for you.

SEO Right the First Time
Being thorough is important for SEO. Doing it right the first time will help to create a great search engine return status. The more you edit and change your posts, pages, titles, urls, categories, tags, images and just about anything else on your site, the more you damage your site’s validated state or search engine return status. It will take a while for the cache to catch up to your changes, especially if you have published it recently. Publishing once correctly and thoroughly will give that post or page a prime jump on validating and qualifying. Now, there is nothing wrong with grabbing an old url, title, image, page or post and hijacking it to create new and fresh material for validation. In that case, update and change it up as much as you wish. Old stagnant urls are useless but because of their valuable history, they are well worth a make-over.

Google+ embed code for +1 button  Grab this code and embed in your site’s widget area.

<!– Place this tag where you want the +1 button to render. –>
<div class=”g-plusone” data-annotation=”inline” data-width=”300″></div>
<!– Place this tag after the last +1 button tag. –>

(function() { var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true; po.src = ‘https://apis.google.com/js/plusone.js’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s); })();
// ]]></script>