You Don’t Know <meta>

Image for post

You don’t know meta— Created By Piyush Kochhar

Meta tags are used for the metadata of the webpage. These tags are inside in the head tag and don’t really have any visual impact but are crucial for search engine optimization (SEO). These tags are read by web crawlers or browsers.

When building a webpage, we have numerous metadata options available for defining the information about the webpage. In addition to essential information such as the page title, page description, and charset definition, the can provide comprehensive information for browsers. Such a list includes defining relevant keywords that are associated with the webpage’s content, author and copyright information, description of the webpage, instructions for web crawlers, etc.

The general syntax for meta elements is:

<meta name=" " content=" "/>

Where the name attribute specifies the name for the metadata and content is the value associated with the meta name.

Now let’s look at some elements.

Description

The description is one of the most important HTML meta tags for search engine optimization. It is also known as the meta description. It is used to provide a brief summary of a webpage. According to Google’s guidelines description should be unique and each webpage should contain meta description with precise information about that webpage. This meta description is very important for the user to understand the content of the webpage because it is displayed in the search results. However, it is important to remember that the description has a limit of 160 characters (including spaces). Any text after this point is cut off and an incomplete description will appear in the search results. And nobody likes incomplete description and may cost one to just click away.

This is how it looks like:

<meta name="description" content="I can tell you everything about this webpage under 160 characters"/>

When you search using a search engine, the description is displayed like the following:

Image for post

Author and Copyright

Author and copyright met tags are used to record information such as the creator of the website and the copyright ownership information. In some content management systems (CMS), the author tag is automatically inserted and always gives the name of the last person who edited the page. This would help the administrators to check who edited which page.

This is how it looks:

<meta name="author" content="Name of the author" />

<meta name="copyright" content="Copyright information" />

Character encoding

Web browsers understand need the character encoding information to display a webpage correctly. To define the character encoding we use charset attribute and assign it with an appropriate value. The most common character encoding used is the UTF-8. We use UTF-8 because it has more than 10,000 characters. The other possible values for charset are: ASCII, ANSI, ISO-8859–1, Windows-1252 etc.

This is how it looks

<meta charset="UTF-8">

Viewport

Viewport meta tag is necessary because it instructs web browsers (mainly mobile web browsers) on how to render a webpage on all devices. The viewport meta tag has 2 more properties: content and initial-scale. Google recommends setting the content to width=device-width, initial-scale=1 every time because it will make sure that the webpage content (mainly text) is rendered correctly i.e. optimized for reading on a small screen.

Here’s how it looks:

<meta name="viewport" content="width=device-width, initial-scale=1">

Robots

Robots meta tag is used to provide index information to search engine crawlers. The following meta tags are used to determine whether a page is available for a web search and if it is added to a search engine index. This tag is one of the most relevant meta tags for SEO.

#coding #html #meta #programming #web-development

What is GEEK

Buddha Community

You Don’t Know <meta>

Smart Locker

APROP đã tin tưởng chọn Smart Locker là đơn vị đồng hành trong việc triển khai lắp đặt hệ thống Smart Locker Wireless với công nghệ hiện đại để phục vụ việc gửi/ nhận hồ sơ cho văn phòng.

#tủ_locker #tủ_sắt_locker #locker #tu_sat_locker #tu_locker #tủ_locker_sắt #tủ_nhân_viên #tu_locker_sat #tủ_locker_giá rẻ #tu_locker_gia_re #tủ_cá_nhân_locker #tủ_sắt_nhiều_ngăn #tủ_đựng_đồ_nhân_viên

Website: 

tủ locker

tủ locker

tủ sắt locker

locker

tu sat locker


 

cloek

Tủ locker ABS w600 khối gồm có 24 ngăn đều nhau, cánh sắt mở sử dụng khóa thông minh , tay nắm và có thêm tấm chia ngăn, trên mỗi cánh cửa được dập 1 bảng tên nhân viên và 1 lỗ thông gió

#tủ_locker #tủ_sắt_locker #locker #tu_sat_locker #tu_locker #tủ_locker_sắt #tủ_nhân_viên #tu_locker_sat #tủ_locker_giá rẻ #tu_locker_gia_re #tủ_cá_nhân_locker #tủ_sắt_nhiều_ngăn #tủ_đựng_đồ_nhân_viên

Website: 

ilocker

tủ sắt nhiều ngăn

tủ đựng đồ nhân viên

tủ locker

tủ sắt locker


 

lcoekr

Tủ thông minh giúp tăng đáng kể thời gian lao động cá nhân và đơn giản khâu vận hành. Công nghệ điện tử và điện thoại thông minh được sử dụng nhằm hạn chế lãng phí nguồn lực. 

#tủ_locker #tủ_sắt_locker #locker #tu_sat_locker #tu_locker #tủ_locker_sắt #tủ_nhân_viên #tu_locker_sat #tủ_locker_giá rẻ #tu_locker_gia_re #tủ_cá_nhân_locker #tủ_sắt_nhiều_ngăn #tủ_đựng_đồ_nhân_viên

Website: 

ilocker

tu locker sat

tủ locker giá rẻ

tu locker gia re

tủ cá nhân locker


 

Tủ locker

Tủ locker dòng W900 là sản phẩm có thể xếp chồng lên được 3 tầng cho 1 cột, có thể kết hợp nhiều cột tủ lại với nhau theo mong muốn (không giới hạn số lượng cột tủ)

#tủ_locker #tủ_sắt_locker #locker #tu_sat_locker #tu_locker #tủ_locker_sắt #tủ_nhân_viên #tu_locker_sat #tủ_locker_giá rẻ #tu_locker_gia_re #tủ_cá_nhân_locker #tủ_sắt_nhiều_ngăn #tủ_đựng_đồ_nhân_viên

Website: 

tủ locker

tủ locker giá rẻ

tu locker gia re

tủ cá nhân locker

tủ sắt nhiều ngăn


 

Đặc biệt, bên cạnh một hệ thống tủ locker, các bộ khóa tủ là sự kết hợp hoàn hảo, hỗ trợ công tác bảo quản tư trang và lưu trữ hồ sơ quan trọng tại nơi công sở hiệu quả hơn.

#tủ_locker #tủ_sắt_locker #locker #tu_sat_locker #tu_locker #tủ_locker_sắt #tủ_nhân_viên #tu_locker_sat #tủ_locker_giá rẻ #tu_locker_gia_re #tủ_cá_nhân_locker #tủ_sắt_nhiều_ngăn #tủ_đựng_đồ_nhân_viên

Website: 

tủ locker

tu locker gia re

tủ cá nhân locker

tủ sắt nhiều ngăn

tủ đựng đồ nhân viên