Coding Websites for Lead Generation

Growth Hacking Experiments for Your Business

A kid coding websites with two laptops.
Reading Time: 5 minutes

Normally every marketing office is comprised of 3 departments: marketing, designer, developers (tech). When someone from a tech department is coding websites, either mentioning just a line of code you got easily scared. It happened to me when I was walking behind a developer working on its screen, considering that person like an alien or a kind of genius. At that point, I realized the importance to know how to code for marketing purpose. You need it to set your strategy properly, to improve your lead generation plan. Your marketing skills will match with coding in order to make in place some growth hacking experiments able to bring traffic to your website.

Coding Attitude Brings Results in Marketing

Take a breath and start to understand how every page of a website has been built! Chrome has a wonderful tool called “Inspect”, you can activate it with a right mouse click everywhere on your browser. When you activate it a new world is showing up, you can analyze every element of a website (head and body). It’s a mandatory tool for coding websites. It’s important to start using it to have an idea about a webpage, from a marketing view to check if a page has been properly optimized for business aim.

One Hour of Code a Day Can Be Your Secret Skill!

I would focus on the head of a website, the first part you compile when you develop a website for marketing purpose! What is the relation between the head and marketing? Here you set everything of your page, it’s like a business card of your business online, where you can set several meta tags:

<head>
<meta name=”description” content=”what the website is about”>
<meta name=”keywords” content=”keywords that identify your website”>
<meta name=”title” content =”title of your website/blog”>
<meta property=”og:image” content=”x.jpg”>
<meta property=”og:description” content=”what the website is about”>
<meta name=”author” content=”blogger name”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
</head>

Normally, this file is called index.html and you can edit it using some editors like Sublime, you can download it for free starting to practice.

Check the Index.html To Bring Website Traffic 

You should start editing the meta tag title. Why? It’s the first step to give a user an idea on what your website is about, and it appears in the results terms on Google.

Text content to set the title tag on your html file.
Text content to set the title tag on your HTML file.

Setting the title and the description properly will be useful to drive more traffic to your website because your users will know about the content in advance, before clicking on your website. Using a general description, without focusing on some keywords is not one of the best practices, you are going to lose clicks, that’s why it’s important to choose also a title that fits for your website contents. According to that, you should edit the following line of code:

<meta name=”title” content =”title of your website/blog”>
<meta name=”description” content=”what the website/article is about”>

Check the Index.html to Share on Social Media

Two tags are really important to drive traffic from your social media channels to your website. You should set properly the following meta property tags:

<meta property=”og:image” content=”x.jpg”>
<meta property=”og:description” content=”what the website is about”>

Doing that your share preview on social media will be optimized with an image and a description in order to create a clickable post that is high converting compared to a picture that is not clickable.

sharing on social media properly.
An example of a clickable post on social media.

Drive conversion from social media to your website, creating a clickable post in order to affect positively your lead generation strategy!

Check the Index.html to Track Your Traffic

You can set also set meta tags to connect your Google Analytics account in order to review the number of visitors, users that come back to your website, bounce rate, and demographics. How can you set it? Just upload the following script in the head (Google is going to provide you an ID):

<!– Global site tag (gtag.js) – Google Analytics –>
<script async=”” src=”https://www.googletagmanager.com/gtag/js?id=xx-xxxxxxx-x”></script>

And that’s all! Now you have a system, a powerful machine for your lead generation, using your new coding websites skill, and texting some growth hacking experiments.

Setting meta tags properly in the head is mandatory to have your website optimized for Google Search, social media shares, and tracking. Click To Tweet

Recap: Coding Websites Will Bring A Leads Growth

  • Download a code editor
  • Edit your index.html working in the <head>

Optimize Your Website for Google Search:

  • Set title and meta description with keywords that make your product/website identifiable and unique

Optimize Your Website for Social Media:

  • Set your og image and og description property

Optimize Your Website for Google Analytics:

  • Upload the script provided by Google to monitor your lead generation

Leave a Reply

Your email address will not be published. Required fields are marked *

A mummy lost in the desert looking for content hacking.

Content Hacking to Index Your Website

Marketing Plan Template to Implement Your Flow

A lady holding a cup as a winner for her marketing template plan challenge.