Headers

Header tags are used to differentiate the headers on your page from the rest of the content. These are used often throughout the web, and you have likely already seen them in use to separate sections in articles. Here’s an example from a random article on SLR Lounge:

header-tag

When to Use Header Tags

Headers are a great way to keep your web pages organized. Giving your reader a clear topic before diving into a paragraph or diving into a series of pictures is generally good practice. From a visual perspective, this also creates some white space and helps avoid huge, intimidating chunks of text. Use headers as often as possible (within reason), inserting them wherever it makes sense.

How to Use Headers

To use headers, simply type your header content between the header tags, as you can see in the example below. Of course, you should replace the text in between the header tags with keyworded text to separate sections of the web page. Also, among the headers there would obviously be images and text.

html-header-tag

Note that most WordPress Themes and all Squarespace themes automatically make the Title of your post the first H1. So you should likely start with H2 within the actual content of your post. You should use as many H2-H4 tags as necessary to make your page organized and user-friendly.

Basic Rules for Headers:

  • The level of importance decreases as the number increases. For example, H1 tags are the most important and H6 tags are the least important.
  • There should only be one H1 per page with as many of the rest (H2 through H6) as necessary
  • You should not skip the order of tags. For example, you do now want to use H2, and then skip to H4 without using an H3 in between.
  • You should NOT go beyond H4 because, from a usability standpoint, that can become confusing.

Example for San Francisco Wedding Photographer

Here is an example for the San Francisco Wedding Photography studio we’ve been referring to throughout this book. Be sure to insert your own keywords, as well as words related to your keywords, into your headers.

<h1>Fairmont San Francisco Wedding Ceremony | Matt + Kim</h1>
[Insert introductory text. There is no template so be creative, give credit to the right people, and try to find excuses to insert your keywords where possible.]

<h2>Fairmont Wedding Ceremony </h2>
[If you so choose, insert text to introduce this part of the day.]

<h3>Bride’s Prep at the Fairmont</h3>
[Insert text and images related to this moment in the day.]

<h3>Groom’s Prep at the Fairmont</h3>
[Insert text and images related to this moment in the day.]

<h3>First Look</h3>
[Insert text and images related to this moment in the day.]

<h3>Wedding Ceremony at the Fairmont</h3>
[Insert text and images related to this moment in the day.]

<h2>Fairmont SF Wedding Reception </h2>
[If you so choose, insert text to introduce this part of the day.]

<h3>First Dance at the Wedding Reception</h3>
[Insert text and images related to this moment in the day.]

<h3>Cake Cutting at a Fairmont Reception</h3>
[Insert text and images related to this moment in the day.]

<h3>Fairmont Reception Dance Floor</h3>
[Insert text and images related to this moment in the day.]

CHAPTER 1.01 – INTRODUCTION

CHAPTER 2: 1.02 – SEO BASICS & KEYWORD STRATEGY

CHAPTER 3 1.03 – CREATING CONTENT

CHAPTER 4: 1.04 – SITE STRUCTURE

Chapter 5: 1.05 – ACCESSIBILITY, SPEED, AND DUPLICATE CONTENT

Chapter 6: 2.01 – LINK BASICS

Chapter 7: 2.02 – LINK VALUE FACTORS

Chapter 8: 2.03 – NOFOLLOW, RELATED LINKS, & ANCHOR TEXT

Chapter 9: 2.04 – LINK BUILDING STRATEGIES

Chapter 10: 3.01 – THE IMPORTANCE OF SOCIAL MEDIA

Chapter 11: 3.02 – MAXIMIZING SPECIFIC SOCIAL MEDIA NETWORKS

Chapter 12: 3.03 – MASTER LOCAL SEARCH

Chapter 13: 4.01 – Initial Decisions

Chapter 14: 4.02 – WORDPRESS AND Squarespace

Chapter 15: 4.03 – GOOGLE ANALYTICS

Chapter 16: PAID DIRECTORIES

ACCESS TO INDUSTRY-LEADING EDUCATION

Let SLR Lounge guide you in your photography journey with the best photography education and resources. Browse our complete, comprehensive solutions and take the next step in your photography.
BROWSE WORKSHOPS