Autor: Skender Mustafi
Tanimë i bëmë hapat e parë në programimin e një faqeje dhe i programuam pjesët bazë. Më tej në këtë artikull do të përqendrohemi të përmbledhim sa më shumë elemente bazë për të sqaruar rolin e kokës së faqes, pra pjesën <head> … </head>.Do të jetë e pa kuptimtë që të trajtojmë të gjitha elementet e kokës pasi që ato do t’i sqarojmë së bashku me elementet tjera të cilat të cilat kanë pjesë si në kokë ashtu edhe në trup <body>. Një element i tillë përbërës, i faqes, është dhe JavaScript. Jo të gjitha etiketat e kokës janë të patjetërsueshme për funksionimin e faqes, por janë të patjetërsueshme për të rritur rendimentin e faqes, për të bërë më të kapshme për motorët e kërkimit dhe për faqet tjera të cilat ofrojnë shërbime të ndryshme informuese. Thjeshtë, nëse dëshironi që faqja juaj të është sa më e njohur atëherë përcillni të gjitha etiketat e kokës dhe i shtoni ato të cilat u nevojiten. Bazë në pikëpamjen e mësipërme janë etiketat <meta> të cilat kanë role të ndryshme të cilat mund të kenë ndikim të drejtpërdrejtë në faqe ose ndikim indirekt. Ja etiketat më të rëndësishme:
- Definimi i fjalëve kyçe të cilat thirren nga motorët e kërkimit për të radhitur faqen në listat e tyre:
<meta name=”keywords” content=”fjalaime, shqip, ekonomi, informatikë, programim”> - Përshkrimi i faqes, informacion i nevojshëm për shumë faqe ofruese të shërbimeve të ndryshme në internet:
<meta name=”description” content=”Free Web tutorials on HTML and CSS”> - Freskimi i faqes pas një kohe të caktuar. Në shembullin e më poshtëm faqja freskohet çdo 30 sekonda, këtë vlerë mund të e ndryshoni sipas nevojës:
<meta http-equiv=”refresh” content=”30″> - Faqja mund të arkëtohet në mënyra të ndryshme varësisht nga ajo se si vendosni ju përmes përcaktimit të vlerës së parametrit content të etiketës <meta>. Content mund të pranojë vlerat: public që lejon arkëtimin e faqes tek arkëtuesit publik, private që lejon arkëtimin tek arkëtuesit privat, no-cache nuk lejon arkëtimin, dhe no-store lejon arkëtimin por jo dhe arkivimin.:
<meta http-equiv=”cache-control” content=”no-cache”> - Ridrejtimi i faqes tek një faqe tjetër pas një kohe të caktuar. Kjo është etiketë e mirë nëse dëshironi t’u jepni ndonjë porosi vizitorëve ose të vendosni ndonjë reklamë e cila qëndron për një kohë të caktuar pastaj faqja freskohet dhe kalon në një faqe tjetë:
<meta http-equiv=”refresh” content=”15; url=https://www.fjalaime.ch”> - Etiketa robots nuk është e njëjtë sikur dokumenti robots.txt. Ju duhet t’i shfrytëzoni të dyja në kombinim. Kjo etiketë është e dedikuar për motorët e kërkimit si Google, Yahoo e të tjerë. Përmes kësaj etikete ju lejoni që faqja juaj të indeksohet dhe të përcillet ose anasjelltas, ose të realizohet njëri nga këto veprime. Ja kombinimet e parametrave të kësaj etikete:
<meta name=”robots” content=”index follow”>
<meta name=”robots” content=”index, nofollow”>
<meta name=”robots” content=”noindex, follow”>
<meta name=”robots” content=”noindex, nofollow”> - Freskimi i informacioneve në motorin e kërkimit Google. Përmes kësaj etikete ju informoni robotin e këtij motori të kërkimit që ju keni freskuar informacionet mbi faqen tuaj:
<meta name=”googlebot” content=”noodp”> - Ekzistojnë dhe shumë meta etiketa tjera, por vlerësohet të mos jenë dhe të rëndësishme për popullarizimin dhe shpërndarjen e faqes. Shumë meta etiketa dhe përshkrimin e tyre mund të e gjeni në internet. MetaTags.info, për shembull ofron informacione në anglisht: http://www.metatags.info/meta_http_equiv
Etiketa tjera të rëndësishme që vendosen dhe duhet vendosur në kokë (<head>), varësisht nga përmbajtja janë:
- <base> që cakton URL-në bazë për të gjitha nyjet e ndërlidhura në faqe:
<base href=”https://www.fjalaime.ch/” target=”_blank”> - <link> që mundëson ndërlidhjen e dokumenteve të ndryshme si të brendshme ashtu edhe të jashtme me përmbajtjen e faqes. Dokumentet e tilla janë kodet në JavaScript, CSS etj.
<link rel=”stylesheet” type=”text/css” href=”stili.css”> - <style> që mundëson vendosjen e kodit të stilit në brendi të kokës pa pasur nevojë që të thirret nga një skedë e posaçme e llojit .CSS
<style type=”text/css”>
body {background-color:yellow}
p {color:blue}
</style> - <script> që mundëson vendosjen e kodit të gjuhës programuese JavaScript pa mos pasur nevojë që ai të thirret nga ndonjë skedë e jashtme.
<script>
document.write(“Hello World!”)
</script>
Tani për fund, merrni dhe kopjoni disa nga <meta> etiketat në kokën e kodit të programuar në mësimin e kaluar. Madje testoni edhe etiketat e ndryshme rezultatin e të cilave mund të e shihni menjëherë siç është etiketa e freskimit dhe e ridrejtimit në faqe tjetër.
Etiketat tjera të grupit të dytë do t’i implementojmë në mësimet e ardhshme kur do të kemi nevojë të rregullojmë elemente të ndryshme të faqes si teksti, tabelat, figurat etj.
