-
Notifications
You must be signed in to change notification settings - Fork 1
/
seo.html
172 lines (136 loc) · 7.33 KB
/
seo.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
SEO Best Practices
</title>
<!--JS Scripts-->
<script src="public/javascripts/bannerHeight.js"></script>
<script src="public/javascripts/createNameOfComponent.js"></script>
<!--CSS sheets-->
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel='stylesheet' href='public/stylesheets/style.css' />
<link rel='stylesheet' href='public/stylesheets/spacers.css' />
<link rel='stylesheet' href='public/stylesheets/colors.css' />
<link rel='stylesheet' href='public/stylesheets/BTNs.css' />
<link rel='stylesheet' href='public/stylesheets/gradients.css' />
<link rel="icon" type="image/png" href="public/images/Logo/Devo.png" sizes="512x512">
<link rel='stylesheet' href='public/stylesheets/mainSite.css' />
</head>
<body>
<header>
<nav class="navbar fixed-top navbar-expand-lg navbar-light QuokkaCustom"
style="z-index: 1; margin-bottom: -100px;">
<div class="container">
<a href="/QuokkaTemplateCenter">
<img src="public/images/Logo/DevRel_mascot_white_Oracle.svg" width="100px" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#34E7CE" class="bi bi-list"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
</svg>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent" style="margin-left: 30px;">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="/QuokkaTemplateCenter">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/QuokkaTemplateCenter/naming-convention.html">Naming
convention</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/QuokkaTemplateCenter/manual.html">OCM components</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/QuokkaTemplateCenter/seo.html">SEO best practices</a>
</li>
</ul>
<form class="d-flex" id="searchBar">
<input class="form-control me-2" type="search" placeholder="Components" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
</header>
<div style='background-image: url("public/images/Backgrounds/B3.png");' id="backgroundIMGB3"
class="adjustPaddingBanner">
<div class="container" style="
padding-top: 5%;
padding-bottom: 5%;">
<h5 class="Green30" id="h3-Banner1">
SEO
</h5>
<h1 class="White" id="h1-Banner1">SEO best practices</h1>
<p class="White" id="text-Banner1">SEO stands for “search engine optimization.” In simple terms, it means
the process of improving your site to increase its visibility when people search for products or
services related to your business in Google, Bing, and other search engines. The better visibility your
pages have in search results, the more likely you are to garner attention and attract prospective and
existing customers to your business.</p>
</div>
</div>
<div class="gradient2" id="componentPageIndex">
<div class="container spacer-2-low alignCenter">
<h5 class="Green30" id="h3-Banner1">LINKS</h5>
<h1 class="White" id="h1-Banner1"><span class="gradient1">Prohibited</span> names for links</h1>
<div class="spacer-3"></div>
<div class="row">
<div class="col-sm">
<p class="White alternativeText">click here</p>
<p class="White alternativeText">here</p>
<p class="White alternativeText">right here</p>
</div>
<div class="col-sm">
<p class="White alternativeText">click this</p>
<p class="White alternativeText">this</p>
<p class="White alternativeText">start</p>
</div>
<div class="col-sm">
<p class="White alternativeText">go</p>
<p class="White alternativeText">more</p>
<p class="White alternativeText">learn more</p>
</div>
</div>
<br>
<div class="row">
<div class="col">
<a href="https://web.dev/link-text/" class="BTN-1" id="createName" target="_blank">More information
here</a>
</div>
</div>
</div>
</div>
<div class="container spacer-2-low alignCenter">
<h5 class="Green30" id="h3-Banner1">Images</h5>
<h1 class="White" id="h1-Banner1">When <span class="gradient1">uploading</span> an image</h1>
<div class="spacer-5"></div>
<h5 class="Green30" id="h3-Banner1">Step 1</h5>
<p class="White alternativeText">Select the "options" icon</p>
<img src="https://cpano.github.io/QuokkaTemplateCenter/public/images/ALT-imgFirst.png" alt="First Step"
width="100%" style="max-width: 800px;">
<div class="spacer-5"></div>
<h5 class="Green30" id="h3-Banner1">Step 2</h5>
<p class="White alternativeText">Fill the corresponding fields for the ALT property, including: Title, Summary
and Short Summary (ALT Meta-Tag)</p>
<img src="https://cpano.github.io/QuokkaTemplateCenter/public/images/ALT-images.png" alt="First Step"
width="100%" style="max-width: 800px;">
</div>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous"></script>
</html>