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

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

jenhsuan profile image Sean Hsieh ・2 min read

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>

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

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!

Posted on Jun 25 by:

jenhsuan profile

Sean Hsieh

@jenhsuan

5+ year work experience in the software engineering field. Near 2-year work experience with front-end JavaScript framework like React.js, Knockout.js. and Microsoft solution.

Discussion

markdown guide