מאמרים אחרונים מאמרים אחרונים
14/11/2019 20:00
מה עושה קידום אתרים בגוגל (SEO) לקידום אתרים איכותי? איך עושים קידום אתרים נכון? במה מיוחד קידום אתר...
23/01/2019 15:14
אנו במיזם גרופ קיבלנו את תו אמון הציבור להגינות בעסקים.
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
תגובות אחרונות תגובות אחרונות
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...

תגיות מטא - אלמנט head

»
»
תגיות מטא - אלמנט head

אלמנט head בקוד ה-HTML5 ותגיות המטא.

בפרק הקודם קראנו על החלוקה בקוד שלנו ל-head ול-body. בפרק זה נעסוק בתגיות המשמשות אותנו בתוך אלמנט ה-head. בפרקים הבאים, נתרכז רק באלמנט ה-body שהוא האלמנט המרכזי בקוד והאלמנט שמכיל את כל הפונקציונאליות.

ובכן, באלמנט ה-head ניתן למצוא כל מידע שאיננו פונקציונאלי או ביצועי. בין היתר, נוכל למצוא באלמנט זה קישור לקבצי CSS המתארים את עיצוב הקוד, קישור לקבצי JS (קבצים בשפת ג'אווה סקריפט) המשמשים קוד ביצועי על הדפדפן, תאורי מטא על העמוד וכיו"ב.

תגית title

תגית זו מגדירה את הכותרת של העמוד הנוכחי. כותרת זו מופיעה על הפס העליון של החלון בדפדפן, או ככותרת של תוצאה בתוצאות החיפוש בגוגל. כותרת זו היא אחד הדברים החשובים ביותר בעת קידום אתרים במנועי חיפוש על מנת ללמד את גוגל במה עוסק עמוד התוכן שלנו באתר.

<title>אופנועי שטח לרכישה - א.א. אופנועים</title>

תגית link

תגית זו מגדירה קישור למידע נוסף חיצוני. השימוש המוכר ביותר הוא קישור לקובץ CSS המתאר עיצוב באופן הבא:

<link rel="stylesheet" href="/style.css" type="text/css"/>

אפשרות נוספת לשימוש בתגית, זו הגדרה של אייקון של העמוד בדפדפן (אותו אייקון קטן שמופיע בראש העמוד ליד הכותרת):

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

תגית script

תגית זו מגדירה קריאה לקובץ JS חיצוניים. נהוג לבצע טעינה של קבצי JS המכילים פונקציות לביצוע באלמנט ה-head, ואילו את הקריאות לפונקציות אלו להכניס באלמנט ה-body.

<script src="/classes/formValidation.js"></script>

מומלץ להכניס את השימוש בתגיות link לפני השימוש בתגיות script, כיוון שתגיות link וטעינה של קובץ CSS נעשית בצורה מקבילה להמשך ביצוע הקוד, בעוד שטעינה של קבצי JS נעשית בצורה טורית ולמעשה הדף בהמתנה עד אשר קבצים אלו נטענים במלואם.

תגית meta

תגית זו היא תגית המספקת מידע על העמוד עבור מנועי החיפוש. השימוש הנפוץ בתגיות מטא הוא עבור הצגת הקידוד של הדף (בין אם קידוד UTF8 או כל קידוד אחר), תאור עמוד ורשימת מילות מפתח.

<meta charset="utf-8" />
<meta name="description" content="א.א. אופנועים - ספקית אופנועי השטח הגדולה בארץ. מגוון אופנועים חדשים ויד שניה לרכישה." />
<meta name="keywords" content="אופנועי שטח,אופנועים" />

תאור העמוד description הוא התאור המוצג עבור כל אתר בתוצאות החיפוש. מילות המפתח keywords היא רשימה מופרדת בפסיקים של ביטויים או מילים המשקפים את הנושאים העיקריים של העמוד. כיום, מנועי החיפוש המודרניים ובראשם גוגל נוטים להתעלם מתגית זו ומסיקים את נושאי העמוד מתוכנו.

 

הוספת תגובה

הכנסת קוד לתגית head

18/02/2016 20:42
דוד כהן
היי,
פשוט חפשי בקוד את פתיחת התגית head ואת סגירתה, והכניסי את הקוד שלך בין הפתיחה לסגירה.
בהצלחה,
דוד

הטמעת קוד

10/01/2016 16:04
רבקה רבקה
איך אני יכולה להטמיע קוד בתוך תגיות head???

רוצה שנקפיץ גם את העסק שלך?

פיתחנו עבורך פלטפורמה ייחודית שתוביל את העסק שלך להצלחה: יותר חשיפה, יותר מכירות, פחות נטישת גולשים.

שילוב מנצח של בניית חנות וירטואלית בחוד החנית של הטכנולוגיה עם שיווק אפקטיבי להגדלת המכירות.

 

לא מהססים! ממלאים את הטופס או מתקשרים עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: