{"id":2512,"date":"2016-07-17T12:31:39","date_gmt":"2016-07-17T17:31:39","guid":{"rendered":"http:\/\/www.ragesw.com\/blog\/?p=2512"},"modified":"2018-04-10T02:16:27","modified_gmt":"2018-04-10T07:16:27","slug":"everwebs-heading-tags-widget","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2016\/07\/17\/everwebs-heading-tags-widget\/","title":{"rendered":"EverWeb\u2019s Heading Tags Widget"},"content":{"rendered":"

EverWeb’s Heading Tags Widget makes it easy to insert HTML Heading Tags into a web page without having to code. In this blog we explain what Heading Tags are, how to use them with the widget and why Heading Tags are good for your website’s SEO.<\/p>\n

 <\/p>\n

Headings, HTML and Heading Tags<\/h2>\n

Text is often\u00a0organised in such a way to make it easy to read and understand. Written articles often include\u00a0a title with the text broken down by\u00a0headings, sub-headings , sub sub-headings and so on. The title has the most importance followed by the article’s\u00a0headings which are of secondary importance, followed in third by sub-headings and so on. This hierarchy can continue further if needed, although having more than three or\u00a0four levels can leave readers a bit lost..<\/p>\n

When developing web pages in EverWeb, you probably use the same approach. Your web pages may have some form of title and the page text organised either formally, or informally to give your content a logical, readable, flow. When you \u2018Publish\u2019 your website the web\u00a0pages are converted in to HTML (HyperText Markup Language) code and uploaded to the host server.<\/p>\n

EverWeb generates code that is structured to HTML standards. In HTML, Heading Tags act\u00a0as a\u00a0language element used explicitly to add structure to the generated code. If you take this blog as an example, it has a title at the top of the page \u00a0and headings to break the text content down in to smaller, more manageable parts. If we want, we can explicitly make the page titles and headings in to specific HTML Headings using the Heading Tags Widget.<\/p>\n

HTML has\u00a0six levels of Heading, the most important heading is \u2018h1\u2019 with the least important heading referred to as \u2018h6\u2019. For example, an ‘h1’ tag would be used for the title of this blog as it\u2019s the most important piece of text on the page. The blog’s headings would have an ‘h2’ tag. Any subheadings would use an ‘h3’ tag and so on\u2026 This blog’s tags would therefore be:<\/p>\n

 <\/p>\n

h1= EverWeb\u2019s Heading Tags Widget<\/p>\n

h2= Headings, HTML and Heading Tags<\/p>\n

h2= Heading Tags and SEO<\/p>\n

h2= The Heading Tags Widget<\/p>\n

h2= Heading Tags Widget Tips<\/p>\n

 <\/p>\n

Heading Tags and SEO<\/h2>\n

Heading Tags should be used in EverWeb as it\u2019s good for your SEO. Search engines can target Heading Tags that have been placed in a web page. Without Heading Tags, search engines treat the headings in your web page just as regular text and so will not be able to distinguish\u00a0what is important to highlight, in SEO terms,\u00a0on the page. This in turn may have an effect on your web page rankings.<\/p>\n

 <\/p>\n

\"Heading<\/a>

The title ‘Global Business’ has been converted in to an H1 Heading Tag with the fonts and colours matched properly using the Fonts Panel. The heading below the title could be converted to an H2 tag and the ‘Tools & Technology’ title in to an\u00a0H3 tag if desired.<\/p><\/div>\n

 <\/p>\n

The Heading Tags Widget<\/h2>\n

It doesn’t matter if you have already created web pages or not, you can still use the Heading Tags Widget. On an existing web page, start by taking the most important piece of text and converting it into a Heading Tag. This will probably be the page title. To convert the heading to a Heading Tag:<\/p>\n

    \n
  1. If you have a page title already on the page, copy it to the clipboard. If it is a new page, you can manually enter the title in to the Heading Tags Widget later on.<\/li>\n
  2. Next, drag and drop the Heading Tags Widget on to the page.<\/li>\n
  3. Paste the text from the clipboard in to the \u2018Heading Text\u2019 box in the Widget Settings Inspector or enter the text that you want to use for the title in the box.<\/li>\n
  4. Select the Heading Level you want \u00a0to use for the text, in this example it will be h1 as the title is the most important heading on the page.<\/li>\n
  5. The heading tag can be aligned to the\u00a0left, centered or to the right using the \u2018Text Alignment\u2019 drop down box.<\/li>\n
  6. You can apply a bold styling to the tag by ticking the \u2018Use Header Bold Styling\u2019 box.<\/li>\n
  7. With the Heading Tag created you can now match it\u2019s style with the rest of the page using the Fonts Panel.<\/li>\n
  8. When you have finished styling the Heading Tag, place it where you want on the page, or replace the original text with the newly created Heading Tag.<\/li>\n<\/ol>\n

     <\/p>\n

    Heading Tags Widget Tips<\/h2>\n
      \n
    1. Don’t overuse Heading Tags in your web pages. Search engines can detect \u00a0the overuse of tags, called ‘stuffing’, and will\u00a0demote your web page rather than improve it\u2019s ranking.<\/li>\n
    2. Use just one h1 tag per page. You can use more than one h2-h6 tags on the page as you need. Again, use wisely and sparingly.<\/li>\n
    3. Including multiple tags at the same tag level on a page is perfectly acceptable with the possible exception of the h1 tag.<\/li>\n
    4. Save Heading Tags for important pages only. Inserting Heading Tags on pages such as Contact and About pages will not be of benefit.<\/li>\n
    5. As always, don’t sacrifice your web page content for the possibility of a higher search engine page ranking. It is always better to have a better visitor experience than better SEO.<\/li>\n<\/ol>\n

       <\/p>\n

      Heading Tags are useful and easy to implement, and are another tool in your SEO arsenal!<\/p>\n

       <\/p>\n

      If you have any questions, please let us know! We’re happy to help!<\/p>\n

        <\/p>\n","protected":false},"excerpt":{"rendered":"

      EverWeb’s Heading Tags Widget makes it easy to insert HTML Heading Tags into a web page without having to code. In this blog we explain what Heading Tags are, how to use them with the widget and why Heading Tags are good for your website’s SEO.   Headings, HTML and Heading Tags Text is often\u00a0organised […]<\/p>\n","protected":false},"author":844,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[247,252,2],"tags":[279,312,27],"class_list":["post-2512","post","type-post","status-publish","format-standard","hentry","category-everweb","category-everweb-software","category-software","tag-everweb","tag-heading-tags","tag-seo"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/users\/844"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/comments?post=2512"}],"version-history":[{"count":19,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2512\/revisions"}],"predecessor-version":[{"id":3590,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2512\/revisions\/3590"}],"wp:attachment":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/media?parent=2512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/categories?post=2512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/tags?post=2512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}