Day 19 of #100DaysOfCode: Easy ways for editing HTML code to Improve SEO

#100daysofcode #seo #webdev #html

Introduction

There are some lowest fruits that we have to do. We don't have to do a lot of efforts for these basic things. All we have to do is to modify the HTML code.

1. Tips For Meta Tags (invisible code)

Title tags

Each page's Title tag must be unique
Use Title case
Put keywords

Description tag

Each page's Title tag must be unique
Use Title case

Keywords tag

Think about keywords

<head>
    ...
    <title>Profile - Jen-Hsuan Hsieh (Sean Hsieh), Web Developer</title>
    <meta name="description" content="I am a senior web developer with front-end JavaScript framework's experiences." >
    <meta name="keywords" content="Software Development, Tesing, DveOps, SRE, Inteviews, Data Sciences">
    ...
</head>

2. Tips For Body Text (visible code)

Heading text

Use H1 ~ H6 for the heading text

Body text

Put keywords on content

Images

Put keywords on image title tags
Put keywords on image alt tags
Put keywords in a caption

    var img = document.createElement("img");
    img.className = "card-img-top"
    img.setAttribute('src', ele.image);
    img.setAttribute('alt', ele.title);
    img.setAttribute('title', ele.title);

    var figure = document.createElement("figure");
    var figcaption = document.createElement("figcaption");
    figcaption.innerHTML = ele.link;
    figure.appendChild(img);
    figure.appendChild(figcaption);