אופטימיזציה לקוד האתר

אין זה סוד שהליך אופטימיזציה טוב, יכול לתרום רבות לקידום אתרים.

חלק מהליך זה דורש מאיתנו להשתמש בקוד נקי באתר כמה שניתן.

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

אז, איך אתם יכולים לרשום קוד נקי יותר? 

השתמשו כמה שפחות ב – WYSIWYG

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

אם ברצונכם לנוסיף פסקה, תוכלו לעשות זאת בעזרת תגית

לדוגמא:

שלום עולם

רוצים לרדת שורה? תוכלו לעשות זאת בעזרת הפקודה הבאה:

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

כיצד תוכלו לייעל את השמת התמונות באתרכם?

הוספת תמונות בעזרת  קוד נקי 

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

תמונות ו- CSS

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

בפקודת ה- CSS לתמונות, נהוג להשתמש כתמונות לרקעים או ל-DIV (תיבה) המשתכפלת במספר עמודים באתר.

הפקודה היא:

#body
background:#ffffff;
background-repeat:repeat-y;

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

אופטימיזציה לקוד – טבלאות

רוצים להוסיף טבלה באתר? זה פשוט ממה שאתם חושבים. כדי להוסיף טבלה, תוכלו לעשות זאת בעזרת הדוגמה הבאה:

[code]
תא 1 שורה 1 תא 2 שורה 1
תא 1 שורה 2 תא 2 שורה 2
[/code]

בסופו של דבר, הטבלה תראה כך:

דגשים נוספים לאופטימיזציית קוד

  • השתמשו בקובץ CSS  חיצוני
  • השתמשו פחות בטבלאות ויותר ב-  DIV. את עיצובו ניתן לערוך בקלות דרך ה- CSS
  • הורידו את משקלם של התמונות באתר
  • השתמשו בפקודת ה-  repeat  במקום בתמונה מלאה השוקלת הרבה
  • השתמשו בכפתורים הבנויים מ- List לדוגמה:
    • כפתור 1
    • כפתור 2
    • כפתור 3
    • כפתור 4

את הרשימה תוכלו לשים בתוך DIV ולעצבו כיצד שתחפצו.

בהצלחהנו אלינו עכשיו! וקבלו הצעת מח