HTML LEARNING PATH
2.4 Editing Your Web page
WHY
As a content creator, you can manage your own online content that you want Search to display by editing your metadata markup. For this purpose, you define Metadata such as document <title>
, <style>
, <link>
, <script>
and other meta information about your web page.
HOW
Metadata is data that describes other data. The <head> element is a container for meta elements <meta>, which are typically used to specify page description, keywords, author of the document, and other information about your content. Google uses content metadata and other relevant data to to describe your content in search. Editing the html markup with your metadata and other semantic elements helps search engines display high quality, organic content for your web page.
Code sample:
<html>
<head>
<title>My First Website!</title>
<meta name="description" content="Describe the content of your web page here">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Your Name">
<meta charset="UTF-8">
</head>
GLOSSARY
<title>...</title>
: Contains the site's title, which is one way Google can find your site.
<meta charset="utf-8"/>
: Tells the web browser which character set to use.
<base>
Defines a default address or a default target for all links on a page
<link>
Defines the relationship between a document and an external resource
<meta>
Defines metadata about an HTML document
<script>
Defines a client-side script
<style>
Defines style information for a document
TIPS AND RESOURCES
PRACTICE
Edit the metadata of your website in a web page and save your file.
<html>
<head>
<title>My First Website!</title>
<meta name="description" content="Describe the content of your web page here">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Your Name">
<meta charset="UTF-8">
</head>
Edit the metadata of your website in a web page and save your file.
Now try adding a few more.