Coding Websites for Lead Generation

Growth Hacking Experiments for Your Business

Normally every office is comprised of 3 main departments: marketing, designer, developers (tech). When someone from a tech department is coding websites, either mentioning just a line of code, and you pass behind its screen, you got scared. Right? Is that a common situation? From now on it won’t be!

It also happened to me several times. When I talked to a developer about technical SEO either JavaScript automation, I was considering that person like an alien or a kind of genius. Not anymore! At that point, I realized the importance to know how to code for marketing purpose.

How can you merge your marketing skills with coding? First of all, you need to set your strategy properly, to improve your lead generation plan. Follow the next paragraphs to make in place some growth hacking experiments able to bring traffic to your website implementing some coding tricks.

Check the following book to have a clear idea on 189 programming questions and solutions:

Cracking the Coding Interview - Programming Questions and Solutions

Don’t get scared about coding. Nowadays, every marketer needs some basic knowledge to make the best marketing strategy. Being confident in coding will boost your plan, bringing more traffic to your website, and automating recurrent tasks: those are just a few examples of how is important coding websites following a marketing concept.

Coding Websites Attitude Brings Results

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 Chrome 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 and to challenge your competitors. 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.

Inspect Feature Chrome
Inspect Feature Chrome

I would focus on the head tags of a website, the first part you compile when you develop a website for marketing purpose and mostly for SEO purpose including some keywords in the related meta.

Normally, when you launch a website you should use a keyword planner to create content ideas and also decide the main topic of your website. Those main keywords are the ones you add in the head tags. Google will see them and will crawl your website considering them. It’s a way to let Google understood what your website is talking about.

Coding Websites Head Example

What is the relation between the head and your marketing? It’s strictly connected to your potential organic traffic coming from Google. In the head, you set a kind of recap of your webpage. It’s like a business card of your business online, where you can set several meta tags. Which are the most important meta tags?

Here an example:

<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, the file where you set the meta tag is called index.html and you can edit it using some editors like Sublime. You can download it for free. Starting to practice is the best way to learn how to code website for lead generation.

Check the Index.html To Bring Website Traffic 

You should start editing the meta tag title. Why? It’s the first step to give visitors an idea on what your website or your content is about. The title appears in the results terms on Google: the SERP.

Text content to set the title tag in your html file.
Text Content to Set the Title Tag in Your HTML File.

Setting the title and the description properly will be useful to drive more traffic to your website. First of all, 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. Why? It’s important to choose a title that fits for your website content.

That’s also important when you set paid adverts on Google AdWords: the title of your ads should be related to the landing page content you linked to the message of the ads.

According to what I mentioned, 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. Social media can be an important source of traffic! For some business, traffic coming from social can be more important than the traffic coming from the organic search source.

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”>

When someone shares your content on social media, the preview of the post will be optimized with an image and a description. A clickable post is high-converting compared to a picture that is not clickable: that’s really important on social media shares.

High-converting post on #SocialMedia? Make it clickable, optimizing the og:image meta tag in the HTML of your website! Click To Tweet

Here you can see a clickable post example on Facebook:

sharing on social media a clickable post
An Example of a Clickable Post

Drive conversion from social media to your website, creating a clickable post in order to affect positively your lead generation strategy! This is coming from a coding websites skill: can you still avoid it?

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 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! You have a system, a powerful machine, for your lead generation, using your new coding websites skill. From now on, you can make in place 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 leads growth

  • Download a code editor
  • Edit your index.html optimizing the tags 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 in the <head>
  • Set “goals” in the Google Analytics admin dashboard
  • Track your lead generation analyzing conversions

Marketing Plan Template to Implement Your Marketing Funnel

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