Оптимизирајте ги веб-страниците за употреба со паметни телефони и таблети
Бидејќи се повеќе и повеќе корисници пристапуваат на Интернет и сурфаат веб-страници на нивните паметни телефони и таблети, станува сè поважно да се оптимизира сопствената почетна страница за употреба со паметни телефони и таблети. Ние ви даваме некои информации и врски што можат да ви помогнат да ја прилагодите вашата постоечка страница (ако не е веќе оптимизирана за употреба на мобилен телефон). Постојат и совети за новодојденците на оваа тема.
Имплементацијата на почетната страница за десктоп компјутери, како и за паметни телефони и таблети е поврзана со некои потешкотии:
Пребарувачот Гугл има интересна статија на тема мобилен интернет и како употребата на паметни телефони и таблети ги менува нашите животи под темата „Моменти на одлука или, на англиски јазик, микро-моменти“. Во суштина станува збор за фактот дека Интернетот ни помага стотици пати на ден во многу мали моменти, на пр. Кога гугламе нешто со нашиот паметен телефон, додека гледаме телевизија додека гледаме Твитер како објавува мрежи со соодветен хаштаг или брзо бараме цена на Амазон во продавница за малопродажба за непосредна споредба на цените. Овие микро-моменти целосно го менуваат начинот на дејствување.
Ако сакате да тестирате дали вашата веб-страница е оптимизирана за таблети и паметни телефони, тоа можете да го сторите на Google: google.com/webmasters/tools/mobile-friendly/?hl=de. Google нуди уште еден тест на testmysite.withgoogle.com/intl/de-de - ова е малку подетално од првиот тест.
На работилницата за веб дизајн, исто така можете да ја тестирате вашата веб-страница за приказ на паметни телефони, таблети и десктоп компјутери: web-designwerkstatt.de/url_test.html. На барање, работилницата за веб дизајн ќе подготви бесплатна понуда за прилагодување веб-страници на мобилни уреди. Само датотеките css се менуваат, содржината останува непогодена.
Во продолжение, ќе ви покажеме разни можни решенија за оптимизирање веб-страници за мобилни уреди:
Пример за едноставна одговорна почетна страница HTML5
Како пример за почетна страница со одзив HTML5, развивме мал образец што треба да ги исполнува скоро сите барања за модерна, лесна и корисничка веб-страница. Ние ја гледаме страницата како „објект за учење“ и со нетрпение очекуваме совети и предлози за подобрување во следната нишка на форумот: homepage-forum.de/showthread.php?t=60227. Тековниот статус на образецот за почетна страница HTML5 можете да го најдете тука: Meine-erste-homepage.com/html5_webseitenvorlage/index.php. Одговорениот образец за веб-страница HTML5 исто така може да се преземе како zip-датотека: Meine-erste-homepage.com/html5_webseitenvorlage/responsive-html5-webseiten-vorlage.zip
Употреба на комплет за изградба на веб-страница, исто така, оптимизиран за мобилни уреди
Најлесен начин да креирате веб-страница оптимизирана за паметни телефони, таблети и десктоп компјутери е секако да користите комплет за изградба на веб-страница што стандардно ја вклучува оваа оптимизација. Можете лесно да управувате со содржината на веб-страницата, на пример, на десктоп компјутер во прелистувачот; корисниците секогаш можат лесно и лесно да пристапуваат до целата содржина со својот паметен телефон, таблет и десктоп компјутер. Таква платформа ја нудат Jimимдо, Алфахостинг или 1 & 1 со почетната страница ДА-ИТ-САМО:
- www.jimdo.de - на Jimdo.de можете да креирате почетна страница без никакво познавање на HTML со градител на почетна страница. Има бесплатен пакет и разни професионални пакети - во платените верзии, на пр., Исто така, со ваш сопствен домен.
- MyWebsite 1 и 1 Ionos - мојата веб-страница е целосно хостиран CMS, вклучително домен, адреса за е-пошта, книга за гости, бројач за посетители и многу повеќе. Можете да изберете од различни дизајни, на пример, за приватна варијанта за раѓање на вашето дете, за свадба, итн. Willе најдете многу индустриски обрасци за варијантата на компанијата. MyWebsite 1 и 1 Ionos е исто така оптимизиран за паметни телефони и таблети! Изградете ја вашата почетна страница многу лесно (дури и без претходно знаење) со 1 & 1 Ionos MyWebsite.
alfahosting.de - со комплетот за изградба на веб-страници од Alfahosting.de можете да ја креирате својата веб-страница во седум едноставни чекори.
Сепак, градителот на веб-страница не е за секого. Затоа понатамошни опции подолу.
Употреба на екстензија на Dreamweaver
Бевме соочени со задача да создадеме веб-страница за расадникот на дрвјата Хелмерс, која е главно оптимизирана за паметни телефони. Со воведувањето на етикети со растителни слики со QR-кодови во продажбата, релевантните информации исто така требаше да бидат достапни преку мобилниот Интернет. Бидејќи растенијата се продаваат во центарот на градината, а клиентот би требало да го користи својот паметен телефон таму за да го прочита QR-кодот, веб-страниците исто така требаше да бидат оптимално дизајнирани за ова.
Бидејќи ние го користиме Dreamweaver само за создавање на нашите веб-страници и веќе имавме позитивни искуства со Project Seven како снабдувач на добри екстензии на Dreamweaver, проширувањето на projectseven.com повторно се доведе во прашање при спроведување на проектот. Еве преглед на она за што веруваме дека се најдобри екстензии на Dreamweaver за создавање на одговорни веб-страници сами и одлични алатки за помош:
- Хармонија: projectseven.com/products/tools/hmy/index.htm - одлична алатка за градење одговорни веб-страници со Dreamweaver.
- Цајтхајст: projectseven.com/products/templates/pagepacks/zeitgeist/index.htm - изградете одговорна веб-страница со Dreamweaver - со PVII страници може да се направи со еден клик - образецот за веб-страница е подготвен. Сè што треба да направите тогаш е да ја прилагодите содржината - тоа е тоа. Демо
- Машини за пишување: projectseven.com/products/templates/pagepacks/typecrafters/index.htm уште еден пакет страници PVII. Демо
- хармониум: projectseven.com/products/templates/pagepacks/harmony/harmonium/index.htm - друг пакет страници PVII. Демо
- Адаптивно мени Магија: projectseven.com/products/menusystems/amm/index.htm - целосно одговорен систем на мени за навигација. Демо
- Уметничка галерија Магија: projectseven.com/products/galleries/agm/index.htm - галерија со слики - целосно одговорено и многу шик. Демо
Ние би сакале да препорачаме три шаблони:
Едноставен образец без ефекти: on-mouseover.de/templates/hp02/index.html, урнек со многу ефекти (одговорена слика на цел екран/транспарентност преку CSS-rgba/мени за вклучување/CSS анимации како што се „земјотрес“, „ Ротирај "," Искривување "," Избледи "," Ефект на лизгање "): on-mouseover.de/templates/hp33/index.html, урнек со" анимации со клучни рамки "(слајдшоу за слики и слајдшоу за текст): на- mouseover.de/templates/hp26/index.html
Други веб-страници со информации за оптимизирање веб-страници за употреба на мобилни уреди:
Знаеме дека сме само на почетокот на развојот кога станува збор за оптимизирање на веб-страниците за паметни телефони и таблети. Затоа, ги замолуваме сите читатели кои имаат врски и совети да ни ги испратат, на пример, во следното поле за коментар малку подолу. Алтернативно, можете да ни ги испратите информациите преку нашиот дел за претплата.
Дали најдовте грешка на нашата веб-страница? Известете ни за да можеме да ја поправиме грешката!