-
Notifications
You must be signed in to change notification settings - Fork 47
/
Copy pathmeta-tag-generator.html
198 lines (186 loc) · 9.02 KB
/
meta-tag-generator.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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
---
title: Meta Tag Generator for SEO | Developer Tools
layout: post
---
<html>
<head>
<!-- Meta tags common for website -->
{% include common-meta %}
<title>{{ page.title }}</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="description" content="This is easy to use open source tool to generate meta tags for HTML pages. This can help you add SEO boost in search engine rankings." />
<meta name="keywords" content="online,tool,meta,tags,seo,blog,web,opensource" />
<!-- CSS for the site theme -->
{% include theme-css %}
<!-- Annoying IE fixes -->
{% include ie-fixes %}
</head>
<body class="hold-transition skin-green sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">
<!-- header tag from theme -->
{% include theme-header %}
<!-- Sidebar for the whole website -->
{% include theme-sidebar %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Main content -->
<section class="content">
<div class="row">
<!-- left column -->
<div class="col-md-6">
<div class="box box-warning">
<div class="box-header with-border">
<h1 class="box-title">Meta Tag Generator Tool</h1>
</div>
<!-- /.box-header -->
<!-- form start -->
<div class="box-body">
<form role="form">
<div class="form-group">
<label for="title">Title</label>
<input class="form-control" id="title" name="title" placeholder="Enter Page Title" autofocus>
</div>
<div class="form-group">
<label for="description">Description</label>
<textarea class="form-control" id="description" name="description" rows="3" placeholder="Enter a web page description here"></textarea>
</div>
<div class="form-group">
<label for="keywords">Keywords (Comma separated)</label>
<input class="form-control" id="keywords" name="keywords" placeholder="Comma separated keywords">
</div>
<div class="form-group">
<label for="language">Language (Default English)</label>
<input class="form-control" id="language" name="language" placeholder="English" value="English">
</div>
<div class="form-group">
<label for="revisit-after">Revisit After (Duration in days)</label>
<input class="form-control" id="revisit-after" name="revisit-after" value="1">
</div>
<div class="form-group">
<label for="author">Author Name</label>
<input class="form-control" id="author" name="author" placeholder="Author full name">
</div>
<div class="form-group">
<label for="charset">Charset (Default UTF-8)</label>
<input class="form-control" id="charset" name="charset" value="UTF-8">
</div>
<div class="form-group">
<label for="canonical">Canonical URL</label>
<input class="form-control" id="canonical" name="canonical" placeholder="www.fromdev.com">
</div>
</form>
</div>
<!-- /.box-body -->
<div class="box-footer">
<div class="btn-group">
<button type="button" class="btn btn-success" id="submit">Generate Meta Tags</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-info" id="clear">Clear</button>
</div>
</div>
<!-- /.box-footer -->
</div>
</div>
<div class="col-md-6">
<div class="box box-warning">
<div class="box-header with-border">
<h3 class="box-title">Copy Your Tags From Here</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="form-group">
<textarea class="form-control" name="result" id="result" rows="20" placeholder="Copy code from here"></textarea>
</div>
</div>
<!-- /.box-body -->
</div>
</div>
</div>
</section>
<section class="content">
<div class="box box-warning">
<div class="box-header with-border">
<h3 class="box-title">About Meta Tag Generator Tool</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<p>This is a free online tool to do simple Meta tag generation for your search engine optimization needs. You can copy/paste your desired text in the text fields and hit Generate button. This will display the well formatted HTML meta
tags in the text box.</p>
</div>
<!-- /.box-body -->
</div>
<div class="box box-warning">
<div class="box-header with-border">
<h3 class="box-title">Why Meta Tag Generator Is Needed?</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<p>Meta Tag Generator is a common need for most web developers, bloggers, SEO experts and website owners. This tool can simplify your tag creation by a intuitive interface. Even if you do not know HTML you can generate these tags
with the help of this tool.</p>
</div>
<!-- /.box-body -->
</div>
</section>
{% include addthis %}
</div>
<!-- /.content-wrapper -->
{% include theme-footer %}
</div>
<!-- ./wrapper -->
{% include theme-bottom-js %}
</body>
<script src="plugins/selectOnFocus/jquery.selectOnFocus.min.js"></script>
<script>
var metaTagByName = function(name, value) {
if (value) {
return '<meta name="' + name + '" content="' + value + '" />\n'
} else {
return '';
}
};
var linkTagByName = function(name, value) {
if (value) {
return '<link rel="' + name + '" href="' + value + '" />\n'
} else {
return '';
}
};
$(document).ready(function() {
$("#submit").click(function() {
$("#result").val('');
var title = $('#title').val();
if (title) {
$("#result").val('<title>' + title + '</title>\n');
}
$("#result").val($("#result").val() + metaTagByName("description", $('#description').val()));
$("#result").val($("#result").val() + metaTagByName("keywords", $('#keywords').val()));
$("#result").val($("#result").val() + metaTagByName("language", $('#language').val()));
$("#result").val($("#result").val() + metaTagByName("revisit-after", $('#revisit-after').val()));
$("#result").val($("#result").val() + metaTagByName("charset", $('#charset').val()));
$("#result").val($("#result").val() + linkTagByName("canonical", $('#canonical').val()));
$("#result").val($("#result").val() + linkTagByName("author", $('#author').val()));
});
$("#clear").click(function() {
$('#title').val('');
$('#title').focus();
$('#description').val('');
$('#keywords').val('');
$('#revisit-after').val('1');
$('#language').val('English');
$('#canonical').val('');
$('#charset').val('UTF-8');
$('#author').val('');
$("#result").val('');
});
$("#result").selectOnFocus();
$("#language").selectOnFocus();
$("#charset").selectOnFocus();
$("#revisit-after").selectOnFocus();
$('#seo-category').addClass('active');
$('.markdown-body').attr('style', 'max-width:100%;');
});
</script>
</html>