Responsive Website Design Monthly Support - Webmaster Support Services

Monthly Customer Support Section

Info, links and resources for my responsive website design support customers.


Keep your eyes on this!


Onsite Offsite Marketing

You won't want to miss these little gems as they could become the best thing since $money$ grew on trees!  

I've been very busy developing new ways that you can market your website and grow your business for FREE or at least for ridiculously affordable prices!  This is the first of three. It is something that with some training and support you can figure out and "do it yourself".

OPPORTUNITY #1. Newsletter subscription and customer email marketing

Here's a great opportunity for you to develop newsletter campaigns and grow your business. I am able to "white label" this service so that I am in the middle of the loop and able to offer you personalized admin panel setup, support, training and more.

What is really amazing about this service is if your subscriber list is "less than 1000" per mailer this online service is FREE!  Of course they hope you will grow your business into a pay level but those are very affordable too. It has a interface to find and load in professional level free email newsletter templates from their own inventory AND from many other professional template resources that can be loaded right into the design management system.


2nd Quarter 2017


The following section outlines some of the webmaster admin level support work that I'm cheerfully doing for YOU this quarter ... I do appreciate the opportunity to serve you and love my work!

This has been a exponential growth and investment quarter for developing deeper level code work. I've been busy testing, deep cleaning and validating the code on my support group web sites. I researched and purchased a few hundred dollars worth of  the "latest and greatest" testing and validation tools that are proving to be a very good investment for my clients and my support business.

Background

Everything moves fast on the web now. One year is like three used to be. Three years are like seven. In the past three years I've rebuilt most all support group sites into the best and latest responsive design code twice! This year I'm digging deep into the code to remove legacy calls to old browser versions that are no longer needed and just about everything else I find like that. Google also came up with a few new changes that made it wise to address those this season. 

Here's a bullet list of the work I'm doing for you. It's been taking about 2.5 to 3 hours average per site! 

Meta name changes:

keyword meta name

  • For many years Google just ignored the keyword meta name. Other systems were using it so the meta had some value. This year Google is mumbling about penalizing sites that use this meta. I am hand stripping it out of all supported sites and pages so that we stay in top compliance. Looking to stay in that Google LOVE zone!

robots meta name

  • Years ago it was wise to specifically tell the search engine robots what you wanted them to crawl and index with the "meta name="robots". Today they assume everything is theirs unless you specifically place a "noindex" meta on the page and a few other conventions on the site and in the folders. Very few pages on a site are "noindex" so it makes sense to get rid of a line of code that is loading but not needed, so I'm stripping it out while I'm in there doing other work too.

copyright meta name

  • The industry changed the Copyright meta name into a more web defined "dcterms.rightsHolder" classification, so I am removing the old one and stripping in the new compliant meta name and updated copyright text.

old js/css browser "hack" code

  • When Bootstrap was created about four years ago there were a lot of noncompliant older IE browsers still in use, They had to create js and css hacks to get those to render something usable. I ran stats on our support group websites and found we no longer need them. The hack code was loading every page, every view, and even on mobiles which slows down the load time and who knows what else. Google is "mobile first" now and tracking and flagging sites that load slow on mobiles or are "old and clunky" in general so it makes good sense to strip out all that old code and clean up to the current browser usage levels.


 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

NetPeak Spider SEO Validation

This is another professional webmaster tool that I researched and invested in to add to my collection of PRO deep code validation and cleanup. It crawls your site like a search engine does and reports on it's condition for technical areas that can effect your SEO compliance and ranking. It checks over 60+ possible problems with website optimization. Analyzes incoming and outgoing internal links to determine a probable internal page rank formula for every page on your site. It also finds broken links and redirects. Page orphans, duplicate content and much more.  

I use it combination with the HTML Validator tools to rapidly complete 100's of tests on your responsive website code and content.  


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. 


Custom Business Email Signatures


Occasionally I get support calls about how to set up a custom business email signature. I create them for my own biz so why not yours!  The following is a graphic image of one I built recently for my primary support email account. I write these up in HTML code and place your logo and button graphics on your website hosting server. You copy and paste the code I give you into your email clients "html" signature option. These are created for business desktop type computer systems using standard email clients like Mozilla Thunderbird. 

You can use your email signature line to:

  • business brand your emails
  • professionalize your business emails
  • provide button links to your website resources
  • provide logo buttons to your social media resources
  • promote products, services, events and much much more
Custom Business Email Signatures

The following are some of the items you will need to pull together for me to create one for you too.

  1. the logos and graphics that you want to put into the signature. They need to be of good quality, .png file format with a transparent background so they will cleanly overlay what ever color your email background is set for.
  2. the url's for the links you are going to use for your social media pages, website pages, etc.
  3. your current accurate full legal business name, address, phone information, etc.
  4. the text content that you want to add for your tag lines and promotional's.

Contact me to find out if this will work for your business email too!


Send in the Top Three Keyword Combo's you want to target and track over the next 12 months here!



If your device does not have email button functions please copy and paste the following email address into your email to me: webmail@responsivewebsitedesignsupport.com

Please include the following information:

  • Your Name
  • Your Company Name
  • Keyword combo 1
  • Keyword combo 2
  • Keyword combo 3
  • Your message



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 "responsivewebsitedesignsupport.com".
  • 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.