CSS יכול לפגוע ב-SEO

3
Css-vs-Seo

Css ראשי תיבות של Cascading Style Sheets הוא כלי שיכול לשפר את חוויית משתמש באתר שלך, אבל שימוש לא נכון בכוונה או בטעות, יכול לגרום לענישה במנוע החיפוש. הכנסת ערך שלילי ב-(text indents) באתר הוא נושא שמלווה את עולם העיצוב אתרים כבר זמן רב. רוב מוחלט של מעצבים ומתכנתי html + Css אינם מודעים למצב. כידוע, מתכנת הוא לא מקדם אתרים או מעצב אין לו את הידע והניסיון בקידום ושיווק במנועי החיפוש. לכן בזמן יצירת קבצי html ו-css נעשים הרבה טעויות בדרך. טעויות שעליהן נדבר במאמר זה, מתיחסות בהסתרת טקסט מהגולש. הדבר ברוב המקרים לא נעשה בכוונה ע"י מעצב או מתכנת אלא מחוסר ידע בתחום. לפני שנמשיך, חובה לציין, שגם מתכנת וגם מעצב אתרים הם אנשים טכניים. ההתיחסות למעצב במאמר זה הוא למעצב אתרים שמתמחה בכתיבת הגדרות Css ולא למעצב גרפי שאין לו מגע בקוד. בשורות הבאות נדבר על הסיבות מדוע משתמשים עדיין משתמשים בשיטות להסתרת טקסט מהגולש ואיך אפשר להתמודד עם התופעה. עד כמה השיטה יכולה לפגוע באתר ומה הן הפתרונות. ואולי גם באתר שלך יש טקסטים מוסתרים שאינך שם אליהם לב? הכל בהמשך….

מדריך למעצב אתרים מתחיל

1
Web-designer

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

חשיבות ה – CSS בעיצוב אתרים

4
6759920_s

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

בניית אתרים עם מסגרות Css – PrimaryCSS

2
PrimaryCss

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

ההבדל בין div ו- span ב-html

4
webist

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

תוסף השעון – jQuery CSS

1
clock

אם רצית ליוצר שעון לאתר אינטרנט שלך בעבר ולא ידעת איך, כעת באפשרותך להשתמש בתוסף jDigiClock המשתמש בספריית jQuery של ג'אווהסקריפט כדי ליצור שעון אינטרנטי הדומה לפאלפון סלולרי של HTC Hero. כדי ליצור שעון באמצעות jQuery ו-CSS אין צורך לעבור קורס תכנות או קורס בניית אתרים שלם. עם ידע בסיסי בשפת HTML יעזור לך לשתול את תוסף השעון זה בכל מקום באתר.

איך ליצור טקסט עם צל באמצעות Css

7
4892085_s-200x200

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

בניית דף נחיתה

16
landing-page

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

תיקון אתר – תיקון Css לאקספלורר 6

12
ie-css-fixer

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

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

בניית אפליקציות ל-iphone

10
iphone - אפליקציות

איך בונים אפליקציה ל-iphone ?

עם ידע ב-Html, Css, ועבודה עם javascript תוכלו לבנות אפליקציה לאייפון ! והכלי שיעזור לכם בזה הוא jQTouch.

JQTouch הוא פלאגין של ספריית JQuaery שבאמצעותו אתם יכולים לתכנת אפליקציות למכשירי סלולריים מתקדמים כגון, אייפון !
אתם יכולים לבנות אפליקציות סלולריות מורכבות עם ידע של HTML, CSS, ו-JQuery. הפלאגין בשם JQTouch תומך באנימציות, נווט אוטומטי ולעיצובים שונים של דפדפני Webkits כמו iPhone, G1 וכמובן Pre.

הרשמה לטיפים ועדכונים


רוצה קריירה מבטיחה?

בקרוב הפתיחה!
קורס קידום אתרים SEO ובניית אתרים (בשילוב מערכת וורדפרס)





מעניין אותך ?

מי אני ?

אני יוסי ג'אנה עוסק בבניית אתרים, קידום אתרים ושווק באינטרנט. אני חי ונושם אינטרנט. מוסמך גוגל אנליטיקס - Google Analytics Qualified. כאן כדי לשתף את הידע וניסיון שלי עם אחרים. מקווה שתהנו מהבלוג.

המטרה של Webist

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

בקרוב יחלו חידושים רבים בנושא קורס בניית אתרים וקידום אתרים באינטרנט. נא להתעדכן ולהיות בקשר.

יוסי ג'אנה

הצטרפו לעמוד הפייסבוק !