פריסה בין הדפדפן, "משיכת" מנועי החיפוש

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

מהי פריסה בין הדפדפנים?

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

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

מדריך צעד אחר צעד במונחים כלליים

אז בואו נראה איך לעשות את זהפריסה בין הדפדפנים. בתחילה, יש צורך להחליט אילו תוכניות האתר יעבוד עם. שים לב שמספר הדפדפנים מתקרבים למאתיים, אז מנסה לרצות את כולם הוא עניין של מורכבות מדהימה. לכן, בחר מספר בטווח שבין 3 ל 8. כדי לקבוע מה להתמקד, אתה יכול להשתמש בשירותים עזר כמו Yandex Metrika ו- Google Analytics. אחרי זה, אתה צריך לברר כיצד הבעיה של השגת תאימות בין הדפדפן יהיה לפתור.

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

עיצוב מסתגלת

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

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

מה עלי לעשות?

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

זה היה רוחב של 800px. עם מסך בשנת 1600, זה יהיה אטרקטיבי למדי. אבל על 700hrh זה ייראה מגוחך. מה לעשות במקרה זה? ניתן להגדיר את הגודל לא בפיקסלים, אבל באחוזים! והכיתוב לא יתפוס אורך קבוע, אלא חצי רוחב המסך. באחוזים, אתה יכול לציין את המרחק שבו אלמנט מסוים יוצב מקצוות המסך. אבל מה אם המסך הוא קטן מדי?

נניח שהוא 300? במקרה זה, אנחנו נעזור על ידי שאילתת התקשורת, אשר צריך להיות קבוע עם תיקון רוחב. ואם זה 700px או פחות, ניתן לקבוע כי הכתובת תופס 75% מהמקום. ואם רוחב הוא 300px ופחות, אז אתה יכול להגדיר את כל 100%. באופן כללי, הנושא הוא מאוד מעניין ושימושי, ולכן ניתן ללמוד בפירוט רב. אבל, אבוי, כאן את המידע על הספר, ולשים הכל במאמר לא יעבוד.

מדוע פריסה אדפטיבית של הדפדפן חוצה מנועי חיפוש?

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

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

מסקנה

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