H TAG TABLE OF CONTENTS

June 6, 2019, 3:13 pm

H TAG TABLE OF CONTENTS

June 6, 2019, 3:13 pm by

Some web developers double as content marketers. A few days ago I was tasked with writing a blog post for a client and found myself duplicating efforts by adding sections to a scrollable side navigation.

I found some packages that could help with automatically generating a hierarchal navigation, but most were inclusive to their framework (i.e. Magellan) or just bloated. I wrote a Codepen replicating my own efforts.

See the Pen Header Tag (h1, h2, h3, h4, h5, h6) Generated Sidebar Navigation by Tony Ciccarone (@tciccarone) on CodePen.

USE CASES: SEO / BREADCRUMBS & BETTER ORGANIZATION

Slugged navigation and internal links are important in search engine optimization ranking and scoring. It acts as a breadcrumb and it used in structured data results. Personally I don’t really read blog posts, but I might if there was a summarized list of topics and sub-topics.

Generate Table of Contents Using H-Tags

Slugged navigation and internal links are important in search engine optimization ranking and scoring.

Open External Links in a New Tab

Here’s a simple jQuery snippet I wrote that filters through elements.

WordPress Auto Add Alt Tags

WordPress function to automatically add ALT tags to images on upload based off of the file name.

Gutenberg and ACF Pro

After updating to WordPress 5 I was getting errors when attempting to add any block to a post. Here's how I fixed it.

How to Make a Free Website

After updating to WordPress 5 I was getting errors when attempting to add any block to a post. Here's how I fixed it.