Posts

html Heading Tags Rules for Success

Image
   Hello everyone. Hope all is well. Today, I want to address issues with html heading tags. A <h></h> tag is html code that displays a heading title in default set font sizes to emphasize and title areas of your webpage and they should always be arranged in chronological order h1 being the largest font and first in your webpage, then h2, h3, h4, h5, through h6 being the smallest. Like word documents or others a header tag serves the same purpose in a webpage; However, in a webpage there are some added rules and purpose. [ Sorta like a bear snatching a salmon... Sorta. ]   The validation systems usually will validate your html code if your h tags are not in chronological order, or if you have multiple of this or that particular h tag, but I am going to emphasize, "it is not a good practice to develop." When performing search engine optimization, "SEO", the rules for header tags are strict and a deviation from the layout I present in this post will hinder

Animated Icon and Slide Out Menu

Image
 Alright... Got a good one to go over today. I looked online for maybe 8 hours it seemed like trying to find a simple way to make an animated icon with slide out menu and it is a task that I just couldn't find exactly what I was looking for. I mean there are hundreds of examples out there. I quit counting, but I couldn't find one code example that was simple clean and without using a jquery library or without a link out library of some kind. Frustrated me so bad, that I got out my thinking cap and wrote this great example for all of you that find my post. To use this example, you don't have to be online. You don't need a code library. You can do this with notepad and a browser! Quick too! Little html, little css, and little javascript. Less code than any working example I seen online. (Sorta like skinny dippin at midnight... Sorta) Straight into action... html (index.html) ------------------   Make a web page. In between the body tags insert the code. First set has an o

JSON-LD Scripts for Localization of Website Pages

Image
Yes, if you didn’t already determine I was referencing to Google Structured Data mark up for local business, that is the topic of this article. So, you have a small business and your website is sort of picking up in search results, but you are wanting to target several other nearby areas. You have your service areas listed in Google Business listing, but you are still not showing in that areas search results well or at all. Here is a solution that works without paying for advertising, or having to spend hundreds of dollars. First create a webpage as if you had an actual business in that area. Don’t get too carried away… No false information. Make sure you use key words in your articles that are relevant to that service area. City name, County and State, etc Somewhere towards the bottom near the end head tag is where you need to place the Google local business JSON script. Inside the structured data instead of listing your actual location address, you will leave the address part empty.