Responsive Website Design Monthly Support - Webmaster Support Services

Monthly Customer Support Section

HTML5, CSS3 code and content validation and clean up:

HTML Validator

HTML validation

After years of using the online W3 industry standard validation tool, I noticed that it was not going deep enough and catching all the possible errors. I researched and purchased an amazing tool that tests and reports on 100's of common and deep level areas in code and content that can get twisted up causing visual rendering to search engine problems. It was well worth the investment. They keep this tool updated to the current industry standards which change fast now.

From deep checking code, to SEO, broken links (404 errors), broken redirects, metas, mobile friendly usage to site wide spell checking of the background hidden code and visible rendered content, this tool does it all. I love it! It is PRO! I will be running it regular on all my support group sites. This is fundamental for your responsive business website and my support services because together we create a "living" website. A business web site that is being updated all the time, on the fly, so errors can and do get in there. We need a proven reliable system in place to efficiently validate the code and know where to clean it. We want reasonable technical assurance that our websites are healthy and should be rendering well across almost 300 different devices that are using several different operating systems on several different browsers that are at hundreds of different version levels, that are rendering into hundreds of different screen sizes - WHEW! This tool helps us do that and more.

Visual rendering check on all pages site wide

I trust and appreciate great reliable technical tools, yet one can never neglect putting "human eyes" onto each page while resizing the browser between desktops, laptops, tablets, handhelds and small mobiles. This always flushes out some elements that need some tweaking and fix'n. I make and take the time to do this for your site too!

I also do a visual check and tweak of your home page "above the fold" content in smaller mobile views of 320px to 480px to confirm that it is attractive and makes good visual sense. The intent is to be sure that your search users see quickly that they did get the site content they wanted and that you have "sticky appeal" above the small view fold to keep them on your site to scroll down and click in.

Mobile usability enhancements

Added mobile icons next to the brand button on mobile view

These are the phone, contact and map icons that become buttons, always available, on every page, in the same fixed position, on the mobile menu bar at the top of their view screen. I put these there for mobile users to easily click their way into contacting you and finding your Google map location. They also become visual "call to action" elements on every page of your site!

Mobile Usability
  • The phone icon will open their phone app and dial your number.
  • The map icon opens the google map and directions page on your website so their mobile app can "do it's thing" and guide them to you.
  • The email icon will open your contact page. There they will find all your contact information PLUS a mobile friendly "email button" to tap and open their mobile email program. The HTML button will auto populate the email with instructions to include specific information that you need. Just in case their system blocks that function I placed instructions to copy and paste your email into their program with a bullet list of the information you will need from them.

It's very important to design into your site a fully responsive menu system that functions well on all devices. I custom created one that is slim and stays fixed at the top of the view area. It is easy to find and easy to use on every page of the site. Notice the "hamburger" menu button on the far right of the menu bar. This is a mobile user friendly standard. It is the recognized expandable drop down menu button for most all mobile devices and apps. Tapping it will open it to show full width button bars to primary pages within your site.

At the far left is the "brand" button. It also has become an industry standard. It normally is linked to your home page so all users know how to get back there in one click. I custom design your brand button from your logo or graphics to fit that area.

Mobile friendly usability validation

Mobile friendly usability validation

Mobile users are most often tapping images and button links with their fingers. The industry standard for this "tap" area is between 35px to 40px wide and high. Google validates this sizing on all your linking elements on mobile web pages. If it is less than standard they will warn and even threaten you that they may not show your website in their top mobile returns as they deem it to be non "mobile friendly".

I custom create your responsive website within these standards and validate that it passes the Google and Bing mobile friendly tests. If you give me access to your Google and Bing Webmaster Tools control panel I can set up my service as a agency manager so that I can monitor and intervene for you from my agency webmaster tools access panel. This keeps your account and access to Google and Bing secure and private. You can "un-manager" anyone at any time so you have total and final control over your business assets. Google did a good job developing this tool. It is professional, efficient and expedites better review and interventions services for your business website with them.

New web email system

Forms are just not mobile friendly. It is difficult for mobile users to type into the many small fields. They may not be able to attach photos and files to it. Often the javascript used with the form is not available in their operating system or may be blocked by it's security. I've have also received feedback that enabled me to find and determine from WebStats that a mobile did send a form, only to have the service they are using block it or just not send it through. Add to this that Google is also rumbling about requiring HTTPS connections for sites that send forms of any kind.

New email button web mail system

Fortunately there is a better solution.

I can custom create pure HTML5 email buttons. This code has been around forever. It is based in HTML and not javascript, PHP, CGI or web mail server systems so it is compatible with most all devices that have a browser and email program. The button code is designed to auto populate the email with the your instructions on the information that you will need from them. They can see those instructions within their normal, friendly email program. They use that all the time and are familiar with how to quickly type into it. The email send goes over their devices normal secure email system resolving several of the problems mentioned above.

You will be also getting a confirmed "reply to" email address. Not one that was mistyped or just made up to complete the form. It also gives them your contact email to follow up with you if they do not hear back from you in the time frame expected. The list of benefits just go on and on and outweigh the few of using forms in today's web environment. I monitor WebStats across the long term relationship I have with the 70+ sites I support that seldom see less than 37% to as high as 78% mobile user hits on average. Since Google has gone "Mobile First" ... this is a game changer ... it's time to adapt!

A few additional admin technical things I am doing ...

  • A visual check and clean of all server files and folders online.
  • Website root files on the server are reviewed, cleaned and updated.
  • XML search engine compliant sitemap reviewed, refreshed and re-submitted to Google, BING/Yahoo.

NetPeak Spider SEO Validation

I am also doing full page visual checks in code and rendered form so what ever I see that needs tweaking or fixing I am doing that on the spot ... "no code or render error left behind" is my objective.

Website Support Tech Speak

Simple Interpretations of acronyms and words used on this site
  • SE = Search Engine
  • SEO = Search Engine Optimization ie SE's crawl and index your site better.
  • SEM – Search Engine Marketing ie using either the “organic” FREE or paid advertising options
  • PPC = pay per click advertising
  • SERP = Search Engine Return Position = what page and line # you are on.
  • organic returns = free search engine returns based on your trust, authority, SEO and quality content.
  • crawl = when a SE robot visits your site to find and index your information.
  • index = when a SE crawls your site it store
  • white hat = ethical SEO and compliant to SE guidelines vs "black hat”
  • black hat = unethical, deceptive, tricky SEO not compliant to SE guidelines.
  • webmaster = handles the technical, setup, support, management stuff.
  • website designer = generally just handles the design and look of the site.
  • graphic artist = digital "artists" who create logos, color & image branding.
  • domain name = this is the url typed in the web browser "".
  • shared hosting server = this is the computer where your site exists, with many others, on the world wide web.
  • shopping cart = web based program with "check out" purchase features.