Hands-on Exercise No.

3 Solution Total Marks: 10

DigiSkills 2.0 Batch-03
Search Engine Optimization (SEO) Due Date:

Problem Statement

Let's say you're working on the SEO for Steve’s website. He wants to have control over how the link of
his website appears while sharing on Facebook and Twitter. You must include the Facebook open graph
and Twitter card HTML tags in to the Steve’s website code for this purpose.
There are numerous online tools that you can use to create customized social media Meta tags. You can
copy and paste the social media Meta tag codes into the HTML of the targeted website page after creating
them.
You are required to complete the following tasks to complete this exercise:
Task 1:
1. Select a website of your choice.
2. Open https://metatags.io/ in your browser.
3. You will see the social media channels list in the left-side menu bar.
4. Check the Facebook and Twitter options and uncheck all others options.
5. Upload the desired image from your selected website which you want to show in your Twitter and
Facebook Meta tags.
6. Enter the title and description relevant to the page.
7. Take a screenshot of the page and paste that into a Word document.
Task 2:
1. Click on Generate Meta tags button available in the top right corner.
2. Copy the code and paste that into the word document.
3. Take a screenshot of the code and paste that into the word document.
Solution:
Source Code:
<!-- Primary Meta Tags -->
<title>Digiskills Training Program </title>
<meta name="title" content="Digiskills Training Program ">
<meta name="description" content="Welcome to the Digiskills Training Program.
Pakistan's No 1 Free online training program.">

<!-- Open Graph / Facebook -->

<meta property="og:type" content="website">
<meta property="og:url" content="https://metatags.io/">
<meta property="og:title" content="Digiskills Training Program ">
<meta property="og:description" content="Welcome to the Digiskills Training
Program. Pakistan's No 1 Free online training program.">
<meta property="og:image" content="https://metatags.io/assets/meta-tags-
16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">

<!-- Twitter -->

<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://metatags.io/">
<meta property="twitter:title" content="Digiskills Training Program ">
<meta property="twitter:description" content="Welcome to the Digiskills
Training Program. Pakistan's No 1 Free online training program.">
<meta property="twitter:image" content="https://metatags.io/assets/meta-tags-
16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">
Screenshot: