కోర్సు పరిశీలన:
HTML <meta> name అట్రిబ్యూట్
name
డిఫైనిషన్ మరియు ఉపయోగం
name
అట్రిబ్యూట్ ద్వారా మెటా డాటా పేరును నిర్దేశించబడుతుంది. అట్రిబ్యూట్ ద్వారా నిర్దేశించబడుతుంది content అట్రిబ్యూట్
ద్వారా ఉపయోగించబడుతుంది name
ద్వారా మెటా డాటాను డిఫైన్ చేయడానికి ఉపయోగించబడుతుంది. దీనిలో, content
అట్రిబ్యూట్name
అట్రిబ్యూట్ ద్వారా మెటా డాటా రకాన్ని ప్రతినిధీకరిస్తుంది, మరియు content
అట్రిబ్యూట్ ద్వారా విలువను అందించడానికి ఉపయోగించబడుతుంది.
క్రింది పట్టిక కొన్ని ప్రిడఫైన్డ్ మెటా డాటా రకాలను జాబితాబద్ధం చేస్తుంది.
మెరుగుదల నోటిస్ పేరు పెట్టండి:ఉంటే నిర్వహించబడితే http-equiv అట్రిబ్యూట్ఉంటే నిర్వహించబడదు name
అట్రిబ్యూట్
సూచన:HTML5 ద్వారా వెబ్ డిజైనర్లు <meta> టాగ్ ద్వారా వీక్షణపట్టికను నియంత్రించడానికి ఒక విధానాన్ని ప్రవేశపెట్టింది (వెబ్ యూజర్ కన్వెన్షనల్ ప్రాంప్ట్ చూడండి). ఉదాహరణకు:
ఉదాహరణ
name అట్రిబ్యూట్ ద్వారా HTML డాక్యుమెంట్ వివరణ, కీవర్డ్స్ మరియు రచయితను నిర్వచించండి. మరియు వీక్షణపట్టికను నిర్వచించండి, దీని ద్వారా పేజీ పరిమాణాన్ని మరియు వివిధ పరికరాలకు అనుగుణంగా ప్రారంభిక ప్రక్షేపణను నియంత్రించండి:
<head> <meta name="description" content="免费的 Web 教程"> <meta name="keywords" content="HTML,CSS,JavaScript"> <meta name="author" content="YK Investment"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
సింథాక్సిస్
<meta name="value">
అట్రిబ్యూట్ విలువ
విలువ | వివరణ |
---|---|
application-name | పేజీ ప్రతినిధించే Web అప్లికేషన్ పేరును నిర్దేశించండి. |
author |
డాక్యుమెంట్ రచయిత పేరును నిర్దేశించండి. ఉదాహరణకు: <meta name="author" content="YK Investment"> |
description |
పేజీ వివరణను నిర్దేశించండి. సెర్చ్ ఇంజిన్ ఈ వివరణను సెర్చ్ రెజల్ట్స్లో ప్రదర్శించవచ్చు. ఉదాహరణకు: <meta name="description" content="免费的 Web 教程"> |
generator |
డాక్యుమెంట్ని తయారు చేయడానికి ఉపయోగించే సాఫ్ట్వేర్ ప్యాకేజీలలో ఒకటిని నిర్దేశించండి (హాండ్రైట్ పేజీకి ఉపయోగించబడదు). ఉదాహరణకు: <meta name="generator" content="FrontPage 4.0"> |
keywords |
పేజీకి సంబంధించిన కీవర్డ్స్ జాబితాను కామస్ తో వేరు చేయండి. పేజీ విషయాన్ని సెర్చ్ ఇంజిన్కు తెలియజేయండి. సూచన:请始终规定关键字(搜索引擎需要对页面进行分类)。例如: |
viewport | 控制视口(网页的用户可见区域)。 |
说明
除了表中的六种预定义的元数据类型,还可以使用元数据扩展。访问此页面可获取一份时常更新的扩展清单:
http://wiki.whatwg.org/wiki/MetaExtensions
కొన్ని విస్తరణలు ఎక్కువగా ఉపయోగించబడతాయి, మరియు ఇతర విస్తరణలు చాలా సరళంగా ఉపయోగించబడకపోతే, దాదాపు ఎవరూ ఉపయోగించకపోతే. రోబోట్స్ మెటా డాటా కాకుండా ఈ రకం ఉంది. హ్ట్మ్ల్ డాక్యుమెంట్ రచయితలు ఈ మెటా డాటాను ఉపయోగించి సెచ్ అప్లకు డాక్యుమెంట్ను ఎలా చూడాలనే సలహా ఇవ్వవచ్చు. ఉదాహరణకు:
<meta name="robots" content="noindex">
ఈ మెటా డాటా రకంలో మర్రియు బ్రౌజర్లకు తెలిసిన మూడు విలువలు ఉన్నాయి:
- noindex - ఈ పేజీని ఇండెక్స్ చేయకుండా ఉద్దేశించబడింది
- noarchive - ఈ పేజీని ఆర్కైవ్ లేదా క్యాచ్ చేయకుండా ఉద్దేశించబడింది
- nofollow - ఈ పేజీలోని లింకులను అనుసరించకుండా శోధించడానికి ఉద్దేశించబడింది
అందుబాటులో ఉన్న మెటా డాటా విస్తరణలు చాలా కనిపించకపోతే, డెవలపర్లు ఆన్లైన్ జాబితాను చదవాలి, తమ ప్రాజెక్టుకు ఏవైనా ఉపయోగించదగినవి తెలుసుకోవడానికి.
సలహా
సెచ్ అప్లకు విషయంగా సమాచారాన్ని వర్గీకరించి, తగ్గించడానికి పాటుపడే అత్యంత ముఖ్యమైన మాధ్యమం గా గానీ కీవర్డ్స్ మెటా డాటా ఉపయోగించబడేది. ప్రస్తుతం సెచ్ అప్లు కీవర్డ్స్ మెటా డాటాకు గానీ ప్రాముఖ్యత తగ్గింది. ఇది పేజీ సమాచారం మరియు సంబంధితతను మోసపోటుగా తయారు చేయడానికి ఉపయోగించబడవచ్చు. రచయితలు సెచ్ అప్లు దృష్టిలో సమాచారాన్ని మార్చడానికి కోరుకునేవారు అనేది, వారి చేతుల్లో ఉన్న సలహాలను ఉపయోగించడం ఉత్తమ మార్గం. అనేక సెచ్ అప్లు పేజీలను లేదా మొత్తం సైట్ను ఆకృతీకరించడానికి విధానాలను అందిస్తాయి.
గూగుల్: సెచ్ అప్ ఆర్గనైజేషన్ (SEO) స్టార్టర్ గైడ్
https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn
బైడు: బైడు సెచ్ అప్ గైడ్
వీక్షణ క్షేత్రాన్ని అమర్చండి
వీక్షణ క్షేత్రం అనేది పేజీలో వినియోగదారుకు కనిపించే ప్రాంతం. ఇది పరికరానికి అనుగుణంగా ఉంటుంది - మొబైల్ ఫోన్లో ఇది కంప్యూటర్ స్క్రీనుకి కంటే చిన్నది ఉంటుంది.
మీరు అన్ని పేజీలలో క్రింది <meta> మెటా అంశాన్ని చేర్చాలి:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
ఇది బ్రౌజర్కు పేజీ పరిమాణం మరియు స్కేలింగ్ ప్రాతిపదికన నియంత్రించడానికి సలహా ఇస్తుంది.
width=device-width
భాగంగా, పేజీ పొడవును పరిగణించి పరిగణించబడుతుంది, ఇది పరిగణించబడిన పరిగణించబడుతుంది.
initial-scale=1.0
భాగంగా, బ్రౌజర్ ప్రథమంగా పేజీని లోడ్ చేసినప్పుడు ప్రారంభ జమీన పొడవును అంచనా వేస్తుంది.
ఈ వెబ్ పేజీ వీక్షణాంతరం మెటా టాగు లేకపోయిన ఉదాహరణ మరియు వీక్షణాంతరం మెటా టాగు ఉన్న అదే వెబ్ పేజీ ఉన్నది:
సూచన:మీరు మొబైల్ లేదా టాబ్లెట్ ఉపయోగించి ఈ పేజీని బ్రౌజ్ చేస్తే, క్రింది రెండు లింకులను క్లిక్ చేసి వివిధతలను చూడవచ్చు.
మీరు మారెస్పాన్సివ్ వెబ్ డిజైన్ - వీక్షణాంతరం ట్యూటోరియల్వీక్షణాంతరం గురించి మరింత తెలుసుకోండి.
బ్రౌజర్ మద్దతు
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
---|---|---|---|---|
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |