DEV Community

Cover image for Day 19 of #100DaysOfCode: Easy ways for editing HTML code to Improve SEO
Jen-Hsuan Hsieh
Jen-Hsuan Hsieh

Posted on

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

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>
Enter fullscreen mode Exit fullscreen mode

Alt Text

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);

Enter fullscreen mode Exit fullscreen mode

Alt Text

Links

  1. Googled bomb
  2. Put keywords on Anchor text

Blocked Links

  • use text links instead of image links (image source: Linkedin)

Alt Text

Articles

There are some of my articles. Feel free to check if you like!

Top comments (0)