-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (101 loc) · 5.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css">
<!-- Changed the title of the website to something more descriptive to get better SEO -->
<title>Horiseon - Search Engine Optimization</title>
</head>
<body>
<!-- Added a semantic header tag instead of a div to wrap the introductory information -->
<header class="header">
<h1>Hori<span class="seo">seo</span>n</h1>
<!-- Created a semantic nav tag to wrap around the main navigation links in the header -->
<nav>
<ul>
<li>
<!-- Added an accesskey to activate or bring focus to these links - makes navigation more efficient for keyboard-only users -->
<!-- Added a tabindex to allow keyboard-only users to tab through the links -->
<a href="#search-engine-optimization" accesskey="a" tabindex="1">Search Engine Optimization</a>
</li>
<li>
<a href="#online-reputation-management" accesskey="b" tabindex="2">Online Reputation Management</a>
</li>
<li>
<a href="#social-media-marketing" accesskey="c" tabindex="3">Social Media Marketing</a>
</li>
</ul>
</nav>
</header>
<!-- Changing the div class to a figure class to explain it's a picture -->
<!-- Added an alt to the figure tag to provide a text alternative for search engines -->
<figure class="hero" alt="Picture of Meeting"></figure>
<!-- Added a main sematic tag to wrap the main content of the page -->
<main class="content">
<!-- Added a semantic section tag to group thematically related material -->
<section class="search-engine-optimization">
<!-- Added an alt to the img tag to provide a text alternative for search engines -->
<img src="./images/search-engine-optimization.jpg" class="float-left" alt="Search Engine Optimization"/>
<h2>Search Engine Optimization</h2>
<p>
The dominance of mobile internet use means that users are searching for the right business as they travel, shop, or sit on their couch at home. Search Engine Optimization (SEO) allows you to increase your visibility and find the right customers for your business.
</p>
</section>
<!-- Added a semantic section tag to group thematically related material -->
<section id="online-reputation-management" class="online-reputation-management">
<!-- Added an alt to the img tag to provide a text alternative for search engines -->
<img src="./images/online-reputation-management.jpg" class="float-right" alt="Online Reputation Management"/>
<h2>Online Reputation Management</h2>
<p>
The web is full of opinions, and some of these can be negative. Social media allows anyone with an internet connection to say whatever they want about your business. Online Reputation Management gives you the control over what potential customers see when they search for your business.
</p>
</section>
<!-- Added a semantic section tag to group thematically related material -->
<section id="social-media-marketing" class="social-media-marketing">
<!-- Added an alt to the img tag to provide a text alternative for search engines -->
<img src="./images/social-media-marketing.jpg" class="float-left" alt="Social Media Marketing" />
<h2>Social Media Marketing</h2>
<p>
Social media continues to have a sizable influence on buying habits. Social media marketing helps you determine which platforms are suited to your brand, using analytics to find the right markets and increase your lead generation.
</p>
</section>
</main>
<!-- Replaced the div tag with a semantic article tag to wrap the self-contained content of the benefits of better SEO -->
<article class="benefits">
<!-- Added a semantic section tag to group thematically related material -->
<section class="benefit-lead">
<h3>Lead Generation</h3>
<!-- Added an alt to the img tag to provide a text alternative for search engines -->
<img src="./images/lead-generation.png" alt="Lead Generation"/>
<p>
Inbound strategies for lead generation require less work for your business, bringing customers directly to your website.
</p>
</section>
<!-- Added a semantic section tag to group thematically related material -->
<section class="benefit-brand">
<h3>Brand Awareness</h3>
<!-- Added an alt to the img tag to provide a text alternative for search engines -->
<img src="./images/brand-awareness.png" alt="Brand Awareness"/>
<p>
Users find your business through paid and organic searches, increasing the search ranking and visibility for your business.
</p>
</section>
<!-- Added a semantic section tag to group thematically related material -->
<section class="benefit-cost">
<h3>Cost Management</h3>
<!-- Added an alt to the img tag to provide a text alternative for search engines -->
<img src="./images/cost-management.png" alt="Cost Management"></img>
<p>
As the search ranking for your business increases, your advertising costs decrease, and you no longer need to advertise your page.
</p>
</section>
</article>
<!-- Changed the div class at the bottom containing the copyright information to a semantic footer tag -->
<footer class="footer">
<h2>Made with ❤️️ by Horiseon</h2>
<p>
© 2019 Horiseon Social Solution Services, Inc.
</p>
</footer>
</body>
</html>