Jak powinna prezentować się podstrona mojego Centrum?

Transkrypt

1 Jak powinna prezentować się podstrona mojego Centrum? Szanowni Państwo, przygotowaliśmy dla Państwa ten poradnik, w którym omówimy początki pracy z systemem CMS i najczęściej spotykane problematyczne kwestie związane z zarządzaniem stroną internetową swojego Centrum. Mamy nadzieję, że przygotowany poradnik ułatwi Państwu pracę. Poniżej prezentujemy uproszczony schemat tego, jak podzielona jest podstrona każdego Centrum. W ramach edycji strony Państwa Centrum otrzymują Państwo dostęp do następujących sekcji: galeria zdjęć, bannery reklamowe, aktualności, informacje, treść wspierająca pozycjonowanie (SEO). Dane kontaktowe zawierające adres, telefon, adres , godziny pracy centrum oraz nazwiska dietetyczek uzupełniane są przez Administratora po otrzymaniu ich od Franczyzobiorcy. Przed przystąpieniem do edycji poszczególnych sekcji prosimy o zapoznanie się z Videopomocą dostępną na stronie, w której wyjaśnione są kwestie związane z obsługą systemu CMS, zamieszczaniem treści, grafik i edycją podstron. 1

2 Spis treści poruszanych w poradniku: Podstawowe informacje... str. 2 Strona z wizytówkami wszystkich punktów w danym mieście... str. 3 Przycisk do e-kalendarza umożliwiający zapisy na wizyty on-line... str. 3 Przycisk do profilu na facebooku... str. 3 Zdjęcia w galerii... str. 3 Rozmiary ( waga ) wgrywanych zdjęć... str. 4 Zakładki na podstronie placówki... str. 5 Aktualności... str. 6 Zdjęcia zamieszczane w aktualnościach... str. 7 Skąd wziąć zdjęcia oraz grafiki do wykorzystania na stronie... str. 11 Banery na podstrony... str. 12 Zamieszczanie linkowania w tekście... str. 14 Metamorfozy klientów... str. 15 Jak zamieścić wirtualny spacer po placówce na podstronie Centrum Dietetycznego?... str. 16 Zamieszczanie filmu z serwisu YouTube na podstronie placówki... str. 19 Podstawowe informacje W obecnych czasach strona internetowa jest wizytówką firmy tak samo jak jej siedziba, pracownicy czy produkty. Musi oddawać charakter przedsiębiorstwa, a przy okazji jak najlepiej je reprezentować. Dla wielu osób walczących z nadwagą pierwszy kontakt z Naturhouse odbywa się poprzez stronę www. W celu zachęcenia potencjonalnego klienta do wizyty w danym Centrum Dietetycznym, muszą Państwo sprawić, aby strona dostarczała rzetelnych informacji o ofercie w przystępnej formie. Prostota zawartość strony powinna być przejrzysta i spójna; lepiej zrezygnować ze zbyt dużej ilości wykrzykników czy ozdobników (pogrubienie i pochylenie tekstu, udziwnione czcionki) oraz wielu różnorodnych banerów; Treść - powinna być dobrze przemyślana, zarówno merytorycznie jak i estetycznie; tekst zbyt obszerny, zawierający mało istotne fakty odstraszy; należy dostarczać tylko podstawowych, jasnych informacji, przedstawionych w prosty i estetyczny sposób; Pisownia - należy pamiętać o dokładnym sprawdzeniu pisowni (interpunkcja, ortografia, gramatyka), która świadczyć będzie nie tylko o punkcie, ale także o poziomie oferowanych w nim usług; 2

3 1) Strona z wizytówkami wszystkich punktów w danym mieście Zdjęcie na stronie, na której wyświetlają się wszystkie placówki z danego miasta zamieszcza Administrator. Najlepiej, aby było to zdjęcie poziome, na którym widnieje witryna z zewnątrz. Numer ID takiego zdjęcia, po jego wgraniu do Państwa systemu, należy przesłać na adres gabriela.chuberska@naturhouse-polska.com z prośbą o umieszczenie go przy wizytówce placówki. 2) Przycisk do e-kalendarza umożliwiający zapisy na wizyty on-line Gdy Franczyzobiorca ma już zaplanowaną datę otwarcia Centrum Dietetycznego, powinien poinformować o tym Centralę wysyłając na adres gabriela.chuberska@naturhouse-polska.com informację, kiedy Administrator powinien zamieścić przycisk do e-kalendarza na podstronie placówki. 3) Przycisk do profilu na facebooku Możliwość dodawania przycisku odsyłającego do portalu Facebook (podobnie jak przycisku odsyłającego do ekalendarza) posiada jedynie Administrator. Jeśli chcą Państwo na swojej podstronie zamieścić taki przycisk, należy przesłać link do Państwa profilu mailem na adres gabriela.chuberska@naturhouse-polska.com. UWAGA! Prawidłowo skonfigurowany profil powinien być założony jako strona firmowa, a nie strona prywatnej osoby. Klienci powinni mieć możliwość kliknięcia lubię to, a nie dodania placówki do znajomych. 4) Zdjęcia w galerii Dość istotne jest, aby wszystkie zdjęcia znajdowały się w jednej orientacji (pozioma lub pionowa) oraz miały tą samą wielkość (np. 9x13 lub 10x15 cm). Wtedy prezentują się najlepiej i wyglądają estetycznie. Preferowana ilość zdjęć w galerii to 4 lub 8. Prosimy pamiętać, że zdjęcia w galerii powinny być zamieszczone w kolejności: witryna z zewnątrz, sala sprzedażowa z pracującym personelem, 3

4 gabinet dietetyka z pracującym personelem. Prosimy w galerii punktu nie zamieszczać zdjęć z wyjść i różnego rodzaju akcji promocyjnych oraz zdjęć klientów. UWAGA! Personel na zdjęciach powinien być ubrany w kompletne firmowe uniformy wraz z identyfikatorami oraz obowiązujące w sieci obuwie, dostępne do kupienia w magazynie Naturhouse. UWAGA! Zdjęcia personelu, a w szczególności dietetyczek powinny być podpisane imieniem i nazwiskiem (nie przypadkowymi literkami i cyferkami). Odpowiednie nazwanie zdjęć ułatwia ich indeksowanie w wyszukiwarce Google oraz wyszukanie konkretnego specjalisty. Co zrobić, aby wszystkie zdjęcia miały ten sam rozmiar? Przyciąć zdjęcie można w programie, który wchodzi w skład pakietu Microsoft Office i jest dostępny praktycznie na każdym komputerze lub za pomocą innego, bezpłatnego i dostępnego programu graficznego (Paint, Gimp itp.). Otwieramy zdjęcie w danym programie, klikamy edytuj obrazy, później przytnij i w okienku, które wyskoczy wybieramy opcję np. 10x15. Pojawi nam się ramka o określonej wielkości. Należy ją umiejscowić tak, aby zdjęcie wyglądało dobrze i kliknąć OK, a później zapisać. 5) Rozmiary ( waga ) wgrywanych zdjęć Wgrywane na serwer zdjęcia nie powinny ważyć więcej niż kb. Zbyt duże grafiki powodują problemy przy otwieraniu strony dłużej się ona ładuje w przeglądarce, a niektóre zbyt ciężkie grafiki mogą się wcale nie pojawiać. Prosimy zatem, aby przed wgraniem zdjęć sprawdzić wielkość pliku i w 4

5 razie potrzeby odpowiednio go skompresować. Można to również zrobić w programie Microsoft Office lub innym prostym edytorze grafiki. Jeśli nie mogą Państwo znaleźć opcji kompresji w swoim programie radzimy skorzystac z pomocy dostępnej w każdej aplikacji. 6) Zakładki na podstronie placówki W ramach dostępnych zakładek mogą Państwo odpowiednio porządkować treści na stronie. Mogą Państwo tworzyć dowolne nazwy zakładek. Jak nazwać zakładki? Powinno to być jedno słowo (aktualności, metamorfozy, produkty itp.) lub 2 krótkie (o nas itp.) UWAGA! Wszystkie zakładki powinny mieścić się w jednym rzędzie. Jeśli jakieś zakładki spadają do drugiej linii, należy skrócić nazwy istniejących już zakładek, lub zmniejszyć ich ilość. 5

6 7) Aktualności Wszystkie aktualności składają się z dwóch elementów: Zajawka powinna być krótka i treściwa, ma ogólnie przedstawiać treści poruszane w danym artykule/ aktualności, zarysowywać temat i zachęcać do przeczytania reszty. Maksymalnie 3-4 linijki tekstu + grafika. Zdjęcie we wszystkich zajawkach na podstronie powinny mieć ten sam format. Grafiki, które przeznaczone są do zamieszczania w zajawkach i znajdują się w plikach wspólnych najczęściej w nazwie mają słowo aktualność staramy się je przygotowywać w jednakowym rozmiarze, aby estetycznie prezentowały się na stronie. Rozwinięcie miejsce na przekazanie bardziej szczegółowych informacji, rozbudowanych treści, wyjaśnień, z możliwością wstawienia zdjęć lub plików do pobrania. Tworząc nową aktualność należy wypełnić: zajawkę: i rozwinięcie: 6

7 W rozwinięciu mają Państwo do wyboru 3 układy aktualności: gdzie paski oznaczają miejsca na treść tekstową, a poziome prostokąty miejsca na grafiki. Kwadraty użyte w trzecim układzie oznaczają miejsca na pliki do pobrania (mogą tam Państwo zamieszczać pliki pdf, jpg lub inne z wszelkimi zaleceniami, regulaminami do lokalnych promocji itp.) Nie muszą Państwo wykorzystywać i uzupełniać wszystkich dostępnych miejsc. Następnie należy przejrzeć aktualność i ją zatwierdzić, jeśli wszystko się zgadza i nic nie wymaga poprawy: Czym jest status aktualności i jaki wybrać? Jeśli chcą Państwo, aby aktualność od razu po akceptacji Administratora ukazała się na stronie, należy wybrać status publikuj aktualność. Jeśli chcą Państwo, aby aktualność nie była jeszcze widoczna, a ukazała się np. za kilka dni, należy wybrać status zapisz aktualność jako oczekująca na publikację. W momencie, gdy będą chcieli Państwo, aby stała się ona widoczna, należy zmienić status edytując tę aktualność i przesyłając zmiany do akceptacji Administratora. 8) Zdjęcia zamieszczane w aktualnościach Często pojawiającym się błędem jest zamieszczanie zbyt małych i nieczytelnych zdjęć. Prosimy nie zamieszczać zdjęć o wielkości panel. Prosimy również, aby jeśli zamieszczają Państwo małe grafiki, 7

8 zawsze zaznaczyć kwadrat obok zdjęcia pozwoli to użytkownikowi strony powiększyć zbyt małe zdjęcie po jego kliknięciu. Prosimy także, aby zwracać uwagę na odpowiednią kompozycję aktualności, aby zamieszczone treści prezentowały się w sposób estetyczny. Prawidłowo wyglądające informacje wyglądają następująco: 8

9 9

10 Błędem jest zamieszczanie zbyt dużej ilości tekstu obok zdjęcia w ten sposób, aby pod grafiką robiła się duża pusta luka. Tekst obok zdjęcia powinien kończyć się na równi z grafiką. Reszta tekstu powinna znaleźć się w kolejnym edytorze tekstowym. Przykłady błędnych aktualności: zdjęcie z naszą metodą jest zbyt małe i nieczytelne; tekst obok pierwszego zdjęcia jest za długi. Cześć powinna zostać przeniesiona do drugiego edytora, aby pojawiła się od lewego brzegu strony, a nie cały czas obok grafiki. 10

11 za dużo jest tekstu obok pierwszego zdjęcia. Część powinna być przeniesiona do kolejnego edytora, aby rozpoczynała się od samej lewej strony, a nie od granicy zdjęcia; zbyt wiele kolorów i pogrubień utrudnia skupienie się na tekście, wprowadza chaos i nie wygląda profesjonalnie. UWAGA! Aby zamieszczane teksty były ciekawsze wizualnie i lepiej się je czytało, prosimy korzystać z dostępnego wypunktowania, numerowania czy pogrubiania najistotniejszych informacji, ale z zachowaniem umiaru. 9) Skąd wziąć zdjęcia oraz grafiki do wykorzystania na stronie Mogą Państwo korzystać ze swoich prywatnych zasobów, które należy wgrywać do folderu Państwa placówki oraz z plików wspólnych udostępnianych przez Centralę. Wszelkie zdjęcia udostępniane przez Centralę, z których mogą Państwo korzystać znajdują się w plikach wspólnych w Panelu Franczyzobiorcy. Aby dotrzeć do plików wspólnych należy przy panelu dodawania grafik klikać zieloną strzałkę wróć w górę, do momentu dotarcia do 2 folderów Państwa placówki i plików wspólnych. 11

12 UWAGA! Prosimy aby nie dublować zdjęć na serwerze (nie ściągać ich z plików wspólnych i nie wgrywać do swoich folderów). Wystarczy, gdy zdjęcia będą znajdować się w plikach wspólnych dla Państwa istotny jest numer ID, który należy wpisywać przy umieszczaniu grafik. Jeśli duplikują Państwo pliki, zajmują one niepotrzebnie miejsce na naszym serwerze, przez co może zawieszać się i gorzej działać nasza strona internetowa. Powielane pliki będą usuwane, przez co nie będą wyświetlać się na Państwa stronach. UWAGA! Prosimy pamiętać, aby na stronach Państwa Centrów nie zamieszczać zdjęć i plików przypadkowo ściągniętych z internetu, do których nie mają Państwo praw autorskich. Zdjęcia można kupować na specjalnych portalach (np. dreamstime.com ) lub ściągać z darmowych banków zdjęć. W tym drugim przypadku należy jednak zawsze przed umieszczeniem ściągniętej grafiki na swojej stronie, dokładnie zapoznać się z warunkami licencji, i spełnić wszelkie jej wymogi, by nie narazić się na kary zwiazane z łamaniem prawa autorskiego. Przeczytaj więcej na ten temat w naszym newsletetrze>> Jak dotrzeć do folderu plików wspólnych: 12

13 10) Banery na podstrony W ramach edycji strony mają Państwo możliwość zamieszczania banerów. Do Państwa dyspozycji są 2 szerokie banery: jeden nad aktualnościami, a drugi pod; 2 wąskie banery obok aktualności. Pierwszy szeroki baner nad aktualnościami przeznaczony jest w głównej mierze na promowanie akcji ogólnopolskich. Prosimy zamieszczać tam grafiki, które przygotowujemy na potrzeby poszczególnych kampanii. Między akcjami prosimy zamieszczać ogólne, dostępne w Panelu Franczyzobiorcy grafiki. Pozostałe miejsca na banery zostały stworzone z myślą o Państwa współpracy z salonami SPA, gabinetami kosmetycznymi, siłowniami, zakładami pracy itp. W ten sposób mogą Państwo oferować swoim partnerom reklamę na swojej podstronie. UWAGA! Banery reklamowe powinny być przygotowane w określonych wymiarach: baner szeroki: szerokość max: 598px, wysokość max 220px. baner wąski: szerokość max: 335px, wysokość max250px. UWAGA! Wszystkie banery powinny gdzieś odsyłać nie jest to grafika dekoracyjna, ale służąca promocji jakiejś akcji, wydarzenia czy partnera. Prosimy zatem w panelu zarządzania stroną zamieszczać odpowiednie linki. Poprawny link zaczyna się od: + adres strony, np. Muszą mieć Państwo świadomość, że miejsca na banery nie są dodatkową galerią i nie należy tam umieszczać zdjęć i grafik, które nie są banerami i nigdzie nie odsyłają. Prosimy także nie zamieszczać zbyt wielu różnych stylistycznie i kolorystycznie banerów niepotrzebnie wprowadzają chaos na stronie i nie wyglądają spójnie. 13

14 11) Zamieszczanie linkowania w tekście Gdy chcą Państwo gdzieś odesłać czytelnika, np. do jakiegoś tekstu, który nie pochodzi z naszej strony, radzimy, aby nie zamieszczać w tekstach nieaktywnych długich linków z widocznymi całymi ścieżkami dostępu. Taki link użytkownik musi skopiować i samodzielnie wkleić do przeglądarki. Niewielu użytkowników internetu ma ochotę to robić. Zdecydowanie internauci wolą być odsyłani automatycznie do różnych treści. Służy temu właściwe linkowanie. Tak jak pisaliśmy, odradzamy zamieszczanie długiej widocznej ścieżki dostępu. Zdecydowanie lepiej sprawdzają się podlinkowane odnośniki typu: Czytaj więcej >> Sprawdź >> Zobacz efekty kuracji>> Obejrzyj relację z wydarzenia>> zależnie od tego, gdzie chcemy odsyłać, słowa te należy podlinkować odpowiednią ścieżką dostępu. Jak podlinkować tekst? Przykład: Gdy chcemy zachęcić czytelników, aby przeszli na stronę akcji Uwaga Nadwaga w panelu zarządzania stroną: tworzymy odpowiednią aktualność, zaznaczamy tekst, który chcemy podlinkować ( w tym przypadku adres strony), w edytorze tekstowym klikamy na ogniwo łańcuszka, 14

15 wyskoczy nam ramka, w której w okienku URL linka wklejamy adres strony, do której chcemy odesłać gdy odsyłamy poza serwis Naturhouse, w okienku Cel wybieramy otwórz w nowym oknie/ramce. Gdy odsyłamy do treści z naszej strony wybieramy otwórz w tym oknie. UWAGA! Należy pamiętać o prawidłowym wyglądzie ścieżki dostępu. Prawidłowy link powinien zaczynać się od i po tym prefiksie wpisujemy adres strony, czyli w naszym przypadku (inne strony analogicznie). Jeśli chcą Państwo, aby ktoś wysłał wiadomość na Państwa adres mailowy, również należy użyć linkowania. Po zaznaczeniu adresu mailowego wpisanego w treści aktualności klikamy w ogniwo łańcuszka oznaczające linkowanie i w ramce, która się pojawi, w miejscu URL linka należy wpisać mailto: + adres placówki, np. mailto:sklep.warszawa@naturhouse-polska.com Tak zamieszczony link URL będzie odsyłał do wiadomości kierowanej bezpośrednio do Państwa punktu. Prosimy zwrócić uwagę, aby w linku nie pojawiły się spacje lub inne niepotrzebne znaki. 12) Metamorfozy klientów Jeżeli umieszczają Państwo sukcesy swoich klientów, każdorazowo przy informacji o zrzuconych kilogramach (np. przy stwierdzeniu schudła/schudł X kg ) musi znaleźć się gwiazdka, a w rozwinięciu na samym dole jej wyjaśnienie: 15

16 *Zaprezentowane rezultaty są wynikami indywidualnymi. Osiągnięcie takich samych wyników przez każdą osobę nie jest gwarantowane. Jest to wymóg Google, który musimy spełnić, aby strona była widoczna w wyszukiwarce i aby właściwie działała nasza kampania linków sponsorowanych. Przykład: Pani Jola schudła 12 kg* Zdjęcia bohaterów metamorfoz Zdjęcia zamieszczane przy metamorfozach powinny być pionowe, ukazywać jedynie sylwetkę klienta. Na zdjęciach nie powinny pojawiać się pejzaże, krajobrazy (często klienci podsyłają zdjęcia z wczasów, wycieczek itp. należy je odpowiednio przyciąć), osoby postronne itp. UWAGA! Przed zamieszczeniem zdjęć na stronie, powinniście otrzymać Państwo od zainteresowanej osoby podpisaną zgodę na publikację wizerunku (dostępna w Panelu Franczyzobiorcy w zakładce Inne ). Metamorfozy najlepiej zamieszczać w osobnej zakładce. 13) Jak zamieścić wirtualny spacer po placówce na podstronie Centrum Dietetycznego? Wirtualny spacer po Centrum Dietetycznym od niedawna można zamieścić bezpośrednio na stronie (nie trzeba do niego linkować), dzięki udostępnionej niedawno nowej funkcjonalności: możliwości wklejenia kodu HTML. Jak to zrobić? 1) Na podstronie należy utworzyć nową aktualność. Tradycyjnie wpisujemy tytuł i zajawkę, przy której zamieszczamy zdjęcie (np. zdjęcie placówki). 2) Następnie przechodzimy do spaceru wirtualnego po placówce zamieszczonego w Google Maps. W dolnym prawym rogu klikamy na znak zapytania, a następnie wybieramy powrót do klasycznych Map Google. 16

17 3) Po przejściu do klasycznego widoku mapy należy kliknąć na znak spinacza w lewym górnym rogu i wybrać opcję Dostosuj mapę do wklejenia i wyświetl jej podgląd. 4) Wyskoczy dodatkowe okno, w którym dostosujemy mapę do zamieszczenia jej na podstronie placówki. Jeśli chodzi o rozmiar - najlepiej wybrać średni mapa będzie dobrze dopasowana do ramki na stronie. 5) Następnie poruszając się po mapie należy wybrać miejsce, w którym chcemy, aby rozpoczynał się nasz spacer. Gdy odpowiednio ustawimy widok, należy skopiować wyświetlony poniżej kod HTML. 17

18 6) Następnie należy przejść do utworzonej aktualności i w rozwinięciu w edytorze tekstowym wybrać ikonkę z napisem HTML 7) Wyskoczy dodatkowe okienko (Edytor źródła HTML), w którym należy wkleić skopiowany wcześniej z mapy kod HTML i kliknąć Aktualizuj. 18

19 8) Tradycyjnie zapisujemy aktualność, sprawdzamy na podglądzie czy wszystko poprawnie się wyświetla i jeśli nic nie wymaga poprawek, przesyłamy zmianę do akceptacji Administratora. 9) Po zaakceptowaniu zmian przez Administratora, Twój wirtualny spacer pojawi się na stronie i będzie widoczny dla wszystkich jej użytkowników. 14) Zamieszczanie filmu z serwisu YouTube na podstronie Centrum Dietetycznego Zamieszczanie filmu pochodzącego z serwisu YouTube jest analogiczne do zamieszczania wirtualnego spaceru po placówce. Należy korzystać z tego samego edytora HTML, ale zamiast linku do spaceru, trzeba zamieścić odpowiedni link pochodzący z serwisu YouTube. Pod każdym filmem w serwisie YouTube znajduje się przycisk udostępnij. 19

20 Po wybraniu opcji udostępnij pojawia się więcej opcji: udostępnij, umieść na stronie i wyślij e- mailem. Aby otrzymać odpowiedni kod, należy wybrać opcję umieść na stronie. W ten sposób otrzymamy link, który należy skopiować i wkleić do edytora HTML na naszej stronie internetowej. Po zapisaniu zmian, trzeba sprawdzić na podglądzie jak filmik prezentuje się na stronie jeśli odtwarzacz jest za duży lub za mały, można zmienić jego wymiary trzeba ponownie wygenerować kod na YouTube, wybierając inny rozmiar filmu: 20

21 Jeśli wszystko jest w porządku, zmiany prześlij do akceptacji Administratora. Po akceptacji Twój film pojawi się na stronie i będzie widoczny dla wszystkich jej użytkowników. UWAGA! Zawsze przed odesłaniem zmian do akceptacji Administratora prosimy dokładnie przejrzeć na podglądzie strony, czy wprowadzone aktualizacje dobrze się prezentują, czy w tekstach nie pojawiają się błędy ortograficzne, stylistyczne lub merytoryczne. Jeśli coś wymaga poprawy, prosimy o naniesienie odpowiednich zmian, zapisanie ich i odesłanie dopiero ostatecznej wersji do akceptacji Administratora. Jeżeli Administrator stwierdza, że coś wymaga poprawy, informacja o zmianach, które należy wprowadzić jest wysyłana na adres mailowy placówki (z Przykładowa strona jednej z placówek, na której mogą się Państwo wzorować przy tworzeniu własnej podstrony, to strona Centrum Dietetycznego znajdującego się w Warszawie w CH Blue City>> Można tam znaleźć: ciekawe aktualności, opisy pracowników wraz ze zdjęciami, opisy wybranych suplementów, atrakcyjne metamorfozy klientów, teksty do poczytania, przepisy itp. Elementy te mogą zainteresować potencjalnego klienta, ułatwić mu poznanie firmy, personelu, tego co oferujemy, jak działają nasze suplementy itp. Tym sposobem buduje się profesjonalny wizerunek, a klienci nabierają zaufania do marki. Gdyby mieli Państwo jakieś pytania lub potrzebowali pomocy przy edycji podstron, prosimy o kontakt mailowy lub telefoniczny: Gabriela Chuberska gabriela.chuberska@naturhouse-polska.com tel