phone

קידום אתרים בגוגל

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

קידום אתרים

נושא חשוב בניקוד הוא  מהירות הטעינה של האתר, לכאורה אין הרבה מה לעשות , אם יש לכם אתר כבד עם תמונות וכן אתר מתוחכם שמשתמש בהרבה קבצי JavaScript  ו – Css , לא נראה שיש מה לעשות , אולם ישנם כל מיני דברים שאפשר לעשות ע"מ להגביר את מהירות האתר בלפחות 20% אם לא יותר
נתחיל עם בדיקת מהירות האתר ע"מ לדעת היכן אנחנו עומדים 
בדיקת מהירות האתר - http://tools.pingdom.com/fpt/
כלי מצויין לבדיקה מהירות האתר  - לפני שאתה מתחיל את כל התהליך שיפורט בהמשך עשה בדיקה לאתר. וכן עשה אותה לאחר שתסיים ותראה את התוצאות!!
בנוסף אתר זה מנתח את דפי האתר קבצי ה Css  JavaScript  וכן את התמונות
 

 

 

 

 

 

שימו לב שמה שמודגש באדום זה קבצים שלא קיימים –כמובן שדפים לא קיימים מורידים בניקוד האתר וכן מוריד את מהירות האתר

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

 

כיווץ התמונות

 טוב, אז בוא נתחיל את העבודה (שהיא ממש לא קשה)
נתחיל עם החלק הכבד של האתר – והם התמונות –
כיווץ התמונות ואופטימיזציה לתמונות.
http://www.smushit.com/ysmush.it/  פשוט מעלים את התמונות והאתר מכווץ לכם את התמונות (תחת הלשונית uploade )

 
 
לוחצים על הלשונית uploader  ולאחר מכן לוצים על Select Files and Smush
ומקבלים את הקבצים , כאשר רואים את החיסכון העצום במקום 
אני חסכתי פה בממוצע כמעט 54 אחוז.
ובשלב האחרון לוחצים על Download Smushed Images
 

אפשרות שנייה ולא פחות טובה היא התוכנה- irfanview  - קישור מנענע - http://software.nana10.co.il/Software/DownloadIFrame.asp?SoftwareID=282&LinkID=35997&isToInsert=1
כמובן אפשר לשלב את שתי האפשרויות ביחד.
 

טיפול בקבצי האתר

 שלב שני  הוא כיווץ קבצי ה JavaScript  , ו Css  .
לפני הכל צריך לנקות את הקבצים ולראות אילו חלקים רלוונטים לאתר ואלו לא, כל שורה שהיא לא רלוונטית מורידה , אולי בקצת , אבל עדיין מורידה  את מהירות האתר .
אפשר לבדוק זאת על ידי פתיחה של כל הקבצים באתר בתוך עורך האתר (לדוג' visual  ) ולעשות חיפוש בכל דפי האתר האם ה rule  קיים

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

 כיווץ  הJavaScript - - http://jscompress.com/  (המלצה שלי – תשמרו את הקובץ החדש בתור file.min.js  כ file  הוא שם הקובץ , ככה שיהיה לכם קל לעבוד עם הקובץ הישן כשתרצו לבצע שינויים בו .
כנ"ל לגבי קובץ הCss   - http://www.cssdrive.com/index.php/main/csscompressor/
בשני המקרים אפשר לכווץ אותם בכמה אפשרויות שהאפשרות המעודפת היא כיווץ חזק -_super compact
לפני :
 
 
אחרי -
 
 
 
מיקום קבצי ה JavaScript  ו Css  -  קבצים שאין צורך בהם בתחילת הטעינה של האתר מומלץ למקמם בסוף האתר , שכן האתר לא עולה עד שהוא קורא את כל הקבצים הנוספים . כאשר הוא עובר על הקוד מלמעלה למטה.  (אפשר להעזר באתר : http://tools.pingdom.com/fpt/ שמראה בדיוק את השלבים של פתיחת האתר)
 
בנוסף לא מומלץ להרבות בקבצים Css  , למרות שזה נוח מבחינה תכנותית עדיף לעבוד עם כמה שפחות קבצים .
שימוש בפלאש –  אין ספק כי אתר פלאש הוא אתר מעוצב נקי ויפה, אבל כנראה שמה שאנחנו מחפשים באתר שלנו הוא לא בדיוק החלק היפה, שאם כן היינו הולכים לקנות לנו איזה תמונה יפה.
אלא שאנחנו רוצים מהאתר שלנו זה שהוא יביא לנו לקוחות וקוראים , ולכן ההמלצה היא לא לבנות את כל האתר בפלאש כי גוגל לא אוהב פלאש( למרות שדובר על כך שגוגל כן סורק אתרי פלאש אולם בכל מקרה ברור שהוא לא אוהב אותם) , כמו כן אתר פלאש קשה יותר ל קידום אתר . לכן אם ברצונך בכל זאת לשלב פלאש , שלב אותו במינון בנוסף לקוד html   רגיל.
כותרת העמוד- title  - לכותרת האתר ישנה חשיבות רבהוהיא מהווה  חלק משמעותי בקידום האתר, יש להשתדל להתאים את כותרת הדף לתוכן הדף כמו כן אין לחזור על מילות חיפוש רבות מידי את התיאור הארוך של האתר תשמור לmeta tag . כמו כן שים לב שיש הבדל בין טבעות נישואין,טבעות אירוסין, תכשיטים לבין   טבעות נישואין , טבעות אירוסין , תכשיטים .
יש להפריד את הפסיקים או את האקווים בין מילות הכותרת.
תגי meta  - הוא כלי חשוב המסייע לקדם את אתרכם , שימו לב שכאשר בוחרים מערכת ניהול אתר ישנה אפשרות לשנות את הכותרת של כל דף וכן את תגי ה  - meta בצורה קלה ופשוטה
Meta Description – מספר משפטים שמתארים את תכוון האתר
Meta Keywords – מילות חיפוש לאתר , כיום יש למילות אלו פחות משמעות , אולם עדיין יש להם חשיבות
דוג לממש ניהול של www.webdepot.co.il  - בניית אתרים
 
עד כאן למאמר זה
המשך יבוא
 
אלעד וידר מתכנת ב webdepot בניית אתרים לעסקים  | קידום אתרים | דפי נחיתה | בניית אתרים