Meta Viewport Tag

Syntax: <meta name=”viewport”> tag

The viewport tag is used for dimension and scaling to provide a better user experience on different screen sizes. It is recommended to use the <viewport> tag in the document because viewport tags are a ranking factor in search results.

HTML




<head>
    <meta name="viewport" 
          content="width=device-width, 
                   initial-scale=1.0">
</head>
<!-- This tag instructs the browser to render 
    the web page to fit the width of device 
    and initial-scale=1.0  represents that 
    the web page will be initially zoomed 100% -->


10 Most Important HTML Meta Tags for SEO

SEO or Search Engine Optimization refers to the techniques and practices for the process of improving the visibility and ranking of a web page in the result of the search engine. One of the methods for SEO is to add additional information about the webpage in the meta tag of the HTML document.

Meta tags are the information added in the HTML document called “metadata” This is not visible in the output to the user but it provides the information in the background to the search engines or other web services. The meta tag is added in the <head> section of the document.

Most Important Meta Tags for SEO

  • 1. Meta Title Tag
  • 2. Meta Description Tag
  • 3. Meta Heading Tags (H1-H6)
  • 4. Meta keyword Tag
  • 5. Meta Robots Meta Tag
  • 6. Meta Viewport Tag
  • 7. Meta Canonical Tag
  • 8. Meta Hreflang Tag
  • 9. Meta Charset Tag
  • 10. Meta Author Tag

Similar Reads

1. Meta Title Tag

...

2. Meta Description Tag

Syntax: tag... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn__meta_heading_tags_(h-h)_3"> <p class="article-related-title"> 3. Meta Heading Tags (H1-H6)</p> <p class="article-related-description"> ... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn__meta_keyword_tag_4"> <p class="article-related-title"> 4. Meta keyword Tag</p> <p class="article-related-description"> Syntax: <meta name=”description”> tag... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn__meta_robots_meta_tag_5"> <p class="article-related-title"> 5. Meta Robots Meta Tag</p> <p class="article-related-description"> ... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn__meta_viewport_tag_6"> <p class="article-related-title"> 6. Meta Viewport Tag</p> <p class="article-related-description"> HTML components called meta heading tags (H1-H6) are used to organize and format the content of a web page. They are crucial for search engine optimization (SEO), even though they are not “meta” tags in the conventional sense. This is because they enable search engines to recognize the hierarchy and significance of the information on a page.... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn__meta_canonical_tag_7"> <p class="article-related-title"> 7. Meta Canonical Tag</p> <p class="article-related-description"> ... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn__meta_hreflang_tag_8"> <p class="article-related-title"> 8. Meta Hreflang Tag</p> <p class="article-related-description"> ... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn__meta_charset_tag_9"> <p class="article-related-title"> 9. Meta Charset Tag</p> <p class="article-related-description"> Syntax: <meta name=”keywords”> tag... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn__meta_author_tag_10"> <p class="article-related-title"> 10. Meta Author Tag</p> <p class="article-related-description"> ... </p> </a> </div> <div class="article-related-item"> <a href="/article/learn_conclusion_11"> <p class="article-related-title"> Conclusion</p> <p class="article-related-description"> Syntax: <meta name=”robots”> tag... </p> </a> </div> </div> </div> </div> <div class="detail-right"> <div class="box"> <h4>Categories</h3> <div class="cats"> <a href="/html/default" class="cats_item" title="HTML Tutorial">HTML</a> <a href="/css3/default" class="cats_item" title="CSS3 Tutorial">CSS3</a> <a href="/bootstrap/default" class="cats_item" title="Bootstrap Tutorial">Bootstrap</a> <a href="/foundation/default" class="cats_item" title="Foundation Tutorial">Foundation</a> <a href="/sass/default" class="cats_item" title="Sass Tutorial">Sass</a> <a href="/js/default" class="cats_item" title="JavaScript Tutorial">JavaScript</a> <a href="/typescript/index" class="cats_item" title="TypeScript Tutorial">TypeScript</a> <a href="/jquery/default" class="cats_item" title="JQuery Tutorial">JQuery</a> <a href="/angularjs/default" class="cats_item" title="AngularJS Tutorial">AngularJS</a> <a href="/react/default" class="cats_item" title="React Tutorial">React</a> <a href="/nodejs/default" class="cats_item" title="NodeJS Tutorial">NodeJS</a> <a href="/highcharts/default" class="cats_item" title="Highcharts Tutorial">Highcharts</a> <a href="/php/default" class="cats_item" title="PHP Tutorial">PHP</a> <a href="/python/default" class="cats_item" title="Python based tutorial">Python</a> <a href="/python3/default" class="cats_item" title="Python3 tutorial">Python3</a> <a href="/django/index" class="cats_item" title="Django tutorial">Django</a> <a href="/linux/default" class="cats_item" title="Linux tutorial">Linux</a> <a href="/docker/default" class="cats_item" title="Docker tutorial">Docker</a> <a href="/ruby/default" class="cats_item" title="Ruby tutorial">Ruby</a> <a href="/java/default" class="cats_item" title="Java tutorial">Java</a> <a href="/cprogramming/default" class="cats_item" title="C tutorial">C</a> <a href="/cplusplus/default" class="cats_item" title="C ++ tutorial">C ++</a> <a href="/perl/default" class="cats_item" title="Perl tutorial">Perl</a> <a href="/servlet/default" class="cats_item" title="Servlet tutorial">Servlet</a> <a href="/jsp/default" class="cats_item" title="JSP tutorial">JSP</a> <a href="/lua/default" class="cats_item" title="Lua tutorial">Lua</a> <a href="/scala/default" class="cats_item" title="Scala tutorial">Scala</a> <a href="/go/index" class="cats_item" title="Go tutorial">Go</a> <a href="/asp/default" class="cats_item" title="ASP tutorial">ASP</a> <a href="/csharp/default" class="cats_item" title="C # tutorial">C #</a> <a href="/sql/default" class="cats_item" title="SQL Tutorial">SQL</a> <a href="/mysql/default" class="cats_item" title="MySQL Tutorial">MySQL</a> <a href="/sqlite/default" class="cats_item" title="SQLite Tutorial">SQLite</a> <a href="/mongodb/default" class="cats_item" title="MongoDB Tutorial">MongoDB</a> <a href="/redis/default" class="cats_item" title="Redis Tutorial">Redis</a> <a href="/android/default" class="cats_item" title="Android Tutorial">Android</a> <a href="/swift/default" class="cats_item" title="Swift Tutorial">Swift</a> <a href="/ionic/default" class="cats_item" title="ionic Tutorial">ionic</a> <a href="/kotlin/index" class="cats_item" title="kotlin Tutorial">Kotlin</a> <a href="/xml/default" class="cats_item" title="XML Tutorial">XML tutorial</a> </div> </div> <div class="box"> <h4>Contact US</h4> <div class="form-group" style="height:36px"> <label for="inputEmail3" class="col-sm-3 control-label">Email:</label> <div class="col-sm-9"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-3 control-label">Content:</label> <div class="col-sm-9"> <textarea class="form-control" rows="3" id="inputTextarea" placeholder="Please Enter"></textarea> </div> </div> <div class="form-group"> <div class="col-sm-offset-3 col-sm-9"> <button class="btn btn-default" onclick="toSubmit()" style="margin-top:15px">Submit</button> </div> </div> </div> <div class="box outside"> <a href="/article/learn_arabian_sea_10"></a> <a href="/article/learn_starting_the_ospfd_daemon_5"></a> <a href="/article/learn_creating_view_table_1"></a> <a href="/article/learn_what_is_a_range_query_1"></a> <a href="/article/learn__idris_elba_and_sabrina_dhowre_14"></a> <a href="/article/learn_history_of_international_trade_an_overview_1"></a> <a href="/article/learn_how_to_make_a_fishbone_diagram_3"></a> <a href="/article/learn__best_github_copilot_alternatives_in__1"></a> <a href="/article/learn_extracting_data_from_one_webpage_2"></a> <a href="/article/learn_resistance_and_independence_movements_7"></a> </div> </div> </div> </div> <script src="/public/js/jquery.min.js"></script> <script src="/public/js/bootstrap.min.js"></script> <script> $(function() { var ref = document.referrer; var data = ref ? ref.split('//')[1].split('/')[0].replace(/\./g, '-') : 'other'; $.post("/analysis", { referrer: data }); }); function toSubmit() { var email = $('#inputEmail3').val() var contact = $('#inputTextarea').val(); if (email.length > 5 && contact.length > 1) { $.ajax({ url: '/contact', // 目标URL type: 'POST', // 请求类型 data: { email: email, contact: contact }, success: function(res) { // 请求成功时的回调函数 console.log(res); if (res == true) { $('#inputEmail3').val('') $('#inputTextarea').val('') } }, error: function(xhr, status, error) { // 请求失败时的回调函数 console.error(error); } }); } }; </script> </body> </html>