દસ્તાવેજના હેડમાં કયા મહત્વપૂર્ણ મેટા ટૅગ્સ જાય છે?

Question

Accepted Answer

`` ટૅગ્સ `` માં પાનું વિશે મેટાડેટા પ્રદાન કરે છે — અક્ષર એન્કોડિંગ, viewportવર્તન, SEO વર્ણનો અને સામાજિક-શેરિંગ પૂર્વાવલોકનો. તેઓ રેન્ડર થતા નથી પરંતુ બ્રાઉઝર્સ, શોધ એન્જીનો અને સામાજિક પ્લેટફોર્મ દ્વારા વાંચવામાં આવે છે. ## શા માટે આ મહત્વપૂર્ણ છે ```html ``` - **`charset`** ખાતરી કરે છે કે ટેક્સ્ટ (ખાસ કરીને non-ASCII) યોગ્યરીતે ડીકોડ થાય. તેને પહેલા મૂકો. - **`viewport`** તે છે જે સાઇટને મોબાઇલ પર **responsive** બનાવે છે — તેના વિના, ફોનો નકલી 980px પહોળાઈ પર રેન્ડર કરે છે અને જૂમ આઉટ કરે છે, તમારા responsive CSS ને તોડે છે. ## SEO મેટા ```html Page Title — 50–60 chars ``` `` અને `description` તે છે જે Google પરિણામોમાં દેખાય છે, તેથી તેઓ ક્લિક-થ્રુ આગળ વધારે છે. `canonical` શોધ એન્જીનોને અધિકૃત URL જણાવે છે. ## Open Graph — સામાજિક શેરિંગ પૂર્વાવલોકનો ```html <meta property="og:title" content="Shareable title" /> <meta property="og:description" content="Shown when shared" /> <meta property="og:image" content="https://site.com/preview.jpg" /> <meta property="og:url" content="https://site.com/page" /> <meta name="twitter:card" content="summary_large_image" /> ``` તેઓ કાર્ડ નિયંત્રણ કરે છે જે તમારા લિંક Facebook, LinkedIn, Slack, X, વગેરે પર શેર કરવામાં આવે તો દેખાય છે. — તેના વિના તમને નક્કર અથવા ખાલી પૂર્વાવલોકન મળે છે. ## શા માટે આ મહત્વપૂર્ણ છે `charset` અને `viewport` સાચી રેન્ડરિંગ અને મોબાઇલ પ્રતિક્રિયાશીલતા માટે અનિવાર્ય છે; `title`/`description`/`canonical` SEO ચલાવે છે; Open Graph ટૅગ્સ તમારી લિંક્સ કેવી દેખાય છે તે નિયંત્રણ કરે છે જ્યારે શેર કરવામાં આવે છે. તેઓ એક સાથે મેટાડેટા સ્તર છે જે પાનું સાચીરીતે રેન્ડર કરે છે, રેંક કરે છે અને સારી રીતે શેર કરે છે.