Kolorowanie składni kodu

Jeśli zachodzi potrzeba umieszczenia na stronie części kodu programu to warto skorzystać z rozwiązania, które zrobi za nas całą mozolną robotę. Jednym z takich rozwiązań jest wtyczka  Syntax Highlighter Evolved

Po zainstalowaniu i włączeniu wtyczki warto zapoznać się ze składnią, w jaki sposób wstawiać kod który ma być sformatowany.

Na przykład dla języka php:

echo “Hello World”;

Po sformatowaniu będzie wyglądał tak:

echo “Hello World”;

Może się jednak pojawić pewien problem. Jeśli ktoś używa wtyczki TinyMCE Advanced, która będzie usuwać pewne znaki z formatowanego tekstu, warto zainstalować jeszcze jedna wtyczkę, która doda nam przyciski w edytorze TinyMCE  ułatwiające wklejanie kodu. Wtyczka ta nazywa się SyntaxHighlighter TinyMCE Button 

Przycisku pre używamy w ten sposób, że wklejamy do edytora kod, zaznaczamy go, wybieramy język programowania, dla którego ma zostać użyte formatowanie i wybieramy przycisk Insert

Natomiast przycisk CODE działa w taki sposób, że wklejamy kod do edytora, wybieramy język i klikamy Insert.

Warto też wejść w ustawienia wtyczki SyntaxHighlighter TinyMCE Button (Ustawienia –> SH TinyMCE Buttons) i zaznaczyć opcje:

  • Using with: SyntaxHighlighter Evolved
  • Window size: 110%

Default settings for your buttons warto wyłączyć nazwy języków programowania, których nie będziemy używać, wtedy lista wyboru będzie krótsza. 

Jak wyłączyć automatyczną aktualizację WP?

Powiadomienia o automatycznej aktualizacji WordPressa przychodzą na naszą skrzynkę pocztową powodując czasem konsternację. Zaczynamy się zastanawiać czy po takiej aktualizacji nadal wszystko działa poprawnie, czy po pewnym czasie nie okaże się, że spowodowała ona jakieś problemy na naszej stronie? Możliwe, że szablon lub wtyczka zacznie pokazywać jakieś błędy. Lepiej uniknąć takiej sytuacji i świadomie dokonywać aktualizacji wykonując uprzednio kopię strony i bazy.

Zatem jak uniknąć niespodzianek i wyłączyć automatyczne aktualizacje?

Musimy zalogować się do naszej strony używając klienta FTP i wyedytować plik

wp-config.php

, który znajduje się w głównym katalogu. Dodajemy nową linię kodu:

define( 'WP_AUTO_UPDATE_CORE', false );

Jeśli zdecydujemy, że nadszedł czas na aktualizację to w panelu będzie na nas czekała informacja o ręcznej aktualizacji.

14 irytujących rzeczy na stronach internetowych

Kiedy już założymy naszą stronę naturalnym jest, że oczekujemy jej rozwoju. Co jednak w przypadku, gdy ta stoi w miejscu? Poniżej przedstawiamy listę 13 rzeczy irytujących odbiorce, na które należy zwrócić uwagę na swojej stronie www. Być może to właśnie one są przyczyną niepowracających odbiorców.

Co najbardziej irytuje internautów:

  1. Czas ładowania się witryny – jeżeli nasza strona ładuje się zbyt długo, odbiorca może czuć się poirytowany. Należy zadbać o to, aby czas ładowania trwał nie dłużej, niż kilka sekund.
  2. Przestarzały projekt – może rodzić przypuszczenia, że i treści nie są aktualne. Strony bazujące na tabelkach czy też wykonane we Flash’u, pełne “wodotrysków” skutecznie płoszą potencjalnych klientów.  Więcej na temat nowoczesnych stron można znaleźć w artykule Modyfikacja istniejących witryn.
  3. Optymalizacja pod urządzenia mobilne – w czasach, w których co raz więcej osób poszukuje informacji z pomocą smartfonu lub tabletu jest to niezwykle istotne. Internauci preferują strony, które dostosują się do ekranów urządzeń, z których ci korzystają. Jeśli nasza strona nie będzie responsywna ryzykujemy tym samym utratę odbiorcy na rzecz konkurencji.
  4. Czytelna nawigacja na stronie –internauta powinien móc bez problemu odnaleźć na naszej stronie poszukiwaną przez niego informację. Należy więc zadbać o czytelność i odpowiedni układ nawigacji na naszej witrynie.
  5. Wyskakujące okienka – zarówno reklamy, jak i zaproszenia do polubienia naszej firmy na różnych SM wpływa negatywnie na odbiór naszej strony. Te tzw. „wyskakujące okienka” zasłaniają treść naszej strony i uniemożliwiają jej czytelny odbiór. Powinniśmy zadbać o to, aby na naszej stronie było ich jak najmniej. Część z nich, jak np. informacje o naszych SM można zamieścić na stronie w o wiele subtelniejszy sposób przy pomocy odpowiednich wtyczek.
  6. Autoodtwarzanie muzyki i filmów – często występuje to na stronach i jest utrapieniem dla odbiorcy w momencie, gdy ma on otwarte więcej niż jedną kartę w tym samym czasie. Niepożądane dźwięki mogą irytować, utrudniać odbiór głównej treści naszej strony, a także uniemożliwiać przeglądanie naszej witryny w miejscach publicznych. To samo tyczy się materiałów video. Dodatków wpływają one negatywnie na czas załadowywania się strony. Nie narzucamy więc odwiedzającym naszą stronę samoczynnie włączającej się muzyki czy filmów, a jeżeli naprawdę nam na tym zależy – dajmy odbiorcom możliwość wyłączenia ich.
  7. Obecność danych kontaktowych – kiedy w sekcji „kontakt” znaleźć można tylko gotowy formularz do kontaktu z firmą, internauta może zrezygnować z podjęcia działania. Na naszej stronie oprócz formularza kontaktowego powinniśmy zamieścić również adres, telefon i e-mail firmy, a jeżeli jest ona podzielona na działy – dane kontaktowe do każdego z nich. Należy unikać niedoboru informacji kontaktowych.
  8. Informacje o działalności naszej firmy/bloga/portalu – powinno się podać przynajmniej podstawowe informacje o naszej działalności. Ich brak podważa naszą wiarygodność w oczach odbiorców.
  9. Słowa klucze – nie powinniśmy używać ich w nadmiarze. Owszem, wpływają one pozytywnie na pozycjonowanie naszej strony, ale jeśli są używane w sposób nienaturalny i przesadny, to odstraszają internautów.
  10. Nagłówki artykułów – coraz częściej twórcy nagłówków usiłują za wszelką cenę przyciągnąć uwagę odbiorcy. Trzeba jednak pamiętać, że clickbaity mogą irytować odbiorców i sprawić, że ci zrezygnują z odwiedzania naszej witryny. Jeśli tytuł nie będzie odzwierciedlał właściwej treści artykułu, internauci mogą poczuć się oszukani należy więc unikać nagłówków i leadów nie odpowiadających treści artykułu.
  11. Aktualność podawanych informacji – jeżeli nie będziemy na bieżąco aktualizować wiadomości pojawiających się na naszej stronie (cennika, naszej oferty, informacji o firmie, danych kontaktowych) internauci mogą odnieść wrażenie, że strona już nie funkcjonuje.
  12. Fotografie z banków zdjęć – wykorzystywanie ich nie jest niczym złym pod warunkiem, że robimy to sporadycznie. Odbiorca oczekuje od przeglądanej strony oryginalności – zarówno w kwestii tekstów, jak i fotografii. Jeśli więc mamy możliwość uniknięcia użycia zdjęć, które „są wszędzie” – zróbmy to.
  13. Przyciski społecznościowe – internauci coraz częściej sprawdzają informacje o firmie nie tylko na jej stronie, ale również w SM. Aby ułatwić im trafienie na Facebook’a, Instagrama czy Twittera naszego przedsiębiorstwa warto zamieścić na stronie przyciski przekierowujące do nich.
  14. Mało czytelny tekst – ciemne tło i jasny tekst, źle dobrane kolory i kontrast, zbyt mała czcionka powodują dyskomfort u odwiedzających nasz stronę internetową i szybką rezygnację z przeglądania treści.

Jeśli zadbacie, aby na waszych stronach nie występowały powyższe błędy, szansa na zwiększenie ruchu prawdopodobnie wzrośnie.

Landing Page

Landing page (inaczej strona docelowa lub strona lądowania) to pojedyncza strona internetowa mająca za zadanie realizować jedno konkretne zadanie, na przykład skłonić internautę do założenia konta, zapisania się do newslettera czy dokonania zakupu. Jej specyficzny układ zwiększa atrakcyjności oferty oraz konwersje celów witryny. Można wyróżnić dwie kategorie landing page:

  • Strony docelowe typu Click Through – ich celem jest skłonienie odbiorcy do przejścia na inną stronę, która będzie już bardziej zaawansowana i rozbudowana.
  • Strony lądowania typu Lead Generation; – ich zadaniem jest przechwycenie danych użytkownika (adresu e-mail, imienia ora nazwiska) w celu utworzenia listy mailingowej, którą można będzie użyć np. do wysyłki newsletterów. Do ich uzyskania można wykorzystać tzw. magnes przyciągający leady – zaoferować użytkownikowi coś darmowego (np. e-book, kupon zniżkowy lub darmową wersję aplikacji/programu) w zamian za podanie swoich danych. Należy pamiętać, że konieczne jest uzyskanie zgody na przechowywanie danych internauty w bazie.

Elementy skutecznej landing page

  • nagłówek – musi być zachęcający i w prosty sposób informować odbiorcę o korzyściach, jakie pozyska korzystając z twojej oferty;
  • CTA – umieszczone wysoko w układzie wezwanie do działania powinno być powiązane z celem strony i odpowiadać na pytanie „co się stanie, gdy kliknę?”;
  • spójność – witryna musi nawiązywać do miejsca, z którego odbiorca na nią trafił (np. reklamy lub linku z newslettera). Spójny przekaz to warunek skutecznej landing page.
  • Design i elementy graficzne – warto zachować prosty design, a zdjęcia na stronie powinny być wysokiej jakości oraz korespondować z prezentowaną wartością. Powinno się unikać elementów, które odciągną uwagę odbiorcy od głównego celu strony.
  • Teksty – powinny być proste i precyzyjne. Należy unikać sformułowań, które mogą zdezorientować klienta. Treść ma zachęcić do podjęcia przez niego określonego działania, powinna wiec zawierać najistotniejsze informacje niezbędne do podjęcia decyzji zakupowej. Można też zachęcić konsumenta do zadawania pytań.
  • Korzyści – powinno się podkreślać cechy, które wyróżniają nasz produkt od tego oferowanego przez konkurencję, czyli korzyści, jakie klient uzyska po dokonaniu zakupu.
  • Dane kontaktowe – muszą być one dobrze widoczne. Należy zamieścić numer kontaktowy oraz email aby internauta wiedział jak może skontaktować się z naszą firmą.

Pozycjonowanie landing page

Aby zwiększyć widoczność landing page w wynikach wyszukiwania warto:

  • Dobrać właściwe słowa kluczowe;
  • Wstawić słowa kluczowe do tag title;
  • Przygotować dobry META description;
  • Zadbać o dobry adres URL (fraza kluczowa w adresie pozwala na osiągnięcie wyższej pozycji w wyszukiwarce);
  • Zoptymalizować zdjęcia i grafiki;

One Page Website

One Page Website (lub też single-page website) zaczynają cieszyć się coraz większą popularnością w sieci. Mają one zarówno wiele zalet, jak i wad.

Różnice pomiędzy stroną typu One Page Website a zwykłą stroną internetową.

Single-page website to witryna składająca się z jednej strony głównej, na której prezentowane są wszystkie informacje dotyczące naszej firmy. Nie ma ona żadnych podstron, dzięki czemu klienci poruszają się po niej przy pomocy menu nawigacji, scrolla lub paska po prawej stronie ekranu. Przykładowo klikając w zakładkę „o firmie” strona przewinie się do sekcji, w której znajdzie informacje o firmie, bez przechodzenia na oddzielne podstrony.
Innymi słowy zakładki znajdujące się na One Page Website służą do przemieszczania się pomiędzy poszczególnymi sekcjami strony. Jest to o tyle komfortowe dla klienta, że skraca czas oczekiwania na załadowanie się kolejnych podstron. Strony One Page Website są szczególnie przyjazne dla użytkowników smartfonów, których może irytować przechodzenie na kolejne i następne podstrony.
Plusy i minusy single-page website.

PLUSY

  • Jest idealna na start, czyli dla tych co rozpoczynają działalność biznesową lub do promocji jakiejś usługi czy też wydarzenia.
  • Umożliwia w prosty, a zarazem elegancki sposób przedstawić naszą firmę.
  • Jest doskonale przystosowana do urządzeń mobilnych, z których pochodzi znaczna część zapytań do wyszukiwarek;
  • Krótki czas ładowania.
  • Łatwa i wygodna nawigacja, zwłaszcza dla użytkowników smartfonów.
  • Korzyści ze względu na SEO w przypadku pozycjonowania dla konkretnego słowa kluczowego lub jednym zestawie fraz kluczowych. Pozycjonowanie strony będzie łatwiejsze gdy wszystkie linki dochodzące będą wskazywać stronę główną;

MINUSY

  • One page website nie pozwalają na pozycjonowanie na szerokie spektrum fraz kluczowych. Jeśli istotne jest pozyskaniu ruchu z wyszukiwarek, to ważniejszą jest możliwość rankowania, co umożliwia każda oddzielna podstrona.
  • Ograniczona ilość tekstów i grafik wymusi zwięzłość przez co nie dostarczymy klientowi dostatecznej ilości informacji o produktach lub usługach.
  • Brak podstron może zaowocować niedoborem informacji. Multi-page website daje możliwość podania większej ilości szczegółów oraz ciekawszego zaprezentowania oferty, czego nie można osiągnąć decydując się na single Page Website;
  • Ograniczenia zastosowania niektórych strategii SEO;

Wybierając stronę dla naszego przedsiębiorstwa warto wziąć pod uwagę wymienione powyżej wady i zalety One Page Website.

Kilka przydatnych porad:

  • Prezentowanie najistotniejszych kwestii w zwięzły a zarazem ciekawy sposób. Zbyt długie teksty mogą zniechęcić klienta do dalszego przeglądania witryny;
  • Treści powinny być interesujące i dobrze przemyślane.
  • Należy unikać jaskrawej kolorystyki, zbyt wielu efektów specjalnych, wyskakujących okienek z powiadomieniami, zbyt rozbudowanych tekstów czy też natłoku grafik zachowując przejrzystość i czytelność strony.

Modyfikacje istniejących witryn

Jeśli posiadasz przestarzałą stronę internetową, to jej przebudowa jest konieczna. Trendy na świecie tak szybko się zmieniają, że już 3-4 letnia strona internetowa zaczyna „trącić myszką”. Większość użytkowników nie docenia znaczenia nowoczesnej strony internetowej. Myśli sobie: „Przecież zapłaciłem za swoją stronę i są na niej wszystkie potrzebne informacje, po co zmieniać wygląa? Dobrze jest jak jest.” Tyle tylko, że patrząc na to podejście przez analogię, posługując się przykładem, wyobraźmy sobie, że na spotkanie biznesowe ktoś przyjeżdża starym Polonezem. Jak go widzą inni uczestnicy spotkania? Popatrzą na jego buty czy aby mchem nie porosły. Prawda jest taka, że każdy chce się zaprezentować jak najlepiej gdyż podlega presji otoczenia i jest oceniany przez innych.

Strona internetowa to nasza wizytówka. Gdy ją ktoś otworzy na urządzeniu mobilnym i widok się „rozjedzie” to z pewnością się zniechęci i nie będzie już nią zainteresowany.

Obok kilka przykładów przestarzałych stron internetowych.

Sklepy internetowe

Sklepy internetowe stają się coraz bardziej popularną formą własnego biznesu. W porównaniu do prowadzenia normalnego sklepu są one o wiele mniej skomplikowane i nie wymagają zaangażowania całego zespołu pracowników a co za tym idzie, nie są dostępne wyłącznie dla przedsiębiorców z dużym kapitałem wejściowym. Wydajność, opłacalność i wygoda – to trzy cechy prowadzenia sklepu internetowego.

Strony internetowe

Pierwsze wrażenie mamy szansę zrobić tylko raz. Z badań wynika, że mamy na to zaledwie kilka sekund i jest to odczucie, które ciężko później zmienić. Dlatego tak istotną rolę odgrywa nowoczesna i profesjonalnie wykonana strona internetowa. Powinna ona stanowić integralną część Twojej działalności, by zrobić dobre wrażenie na potencjalnych klientach. Jeśli więc Twoja strona wymaga odświeżenia lub jeszcze jej nie posiadasz – zapraszamy do kontaktu. Chętnie pomogę Ci zrealizować to przedsięwzięcie.

Strony mobilne

Spotkałem się kilkukrotnie z pytaniami: czy strony, które nie posiadają wersji mobilnej, są narażone na obniżenie pozycji w wynikach desktopowych? Takaki Makino na blogu Google dla webmasterów zapowiedział, że od 21 kwietnia 2015 r. dostosowanie do mobile stanie się ważniejszym czynnikiem rankingowym, czyli wpływającym bezpośrednio na pozycje w wynikach wyszukiwania. A więc TAK, brak wersji mobilnej powoduje obniżenie rankingu strony w wyszukiwarce Google.

Czym jest strona mobilna?

Jest to rodzaj aplikacji internetowej przystosowanej do wyświetlania na urządzeniach mobilnych. Zazwyczaj jest bardziej przejrzysta niż wersja desktop (stacjonarnej), zawiera mniej obrazków dzięki czemu ładuje się szybciej, czcionki są większe (bezszeryfowe) przez co strona zyskuje na czytelności.

Zalety strony mobilnej

Jedną z największych zalet wersji mobilnej jest to, że zawiera tylko istotne treści a informacje są bardziej zwięzłe przez to ładuje się znacznie szybciej w stosunku do strony typu desktop. Ma to zasadnicze znaczenie z tego względu, że transfer danych zazwyczaj jest wolniejszy dla tego typu urządzeń.

Liczba mobinautów rośnie w gwałtownym tempie

W 2015 roku odnotowano około 2 miliardy internautów mobilnych (mobinautów) na świecie, to był ogromny skok w porównaniu do 800 mln w 2014 roku. Gwałtowny trend przyrostu użytkowników mobilnych w internecie odzwierciedla rosnące zapotrzebowanie na przyjazne smartfonom mobilne strony internetowe. Jest to szczególnie ważne dla przedsiębiorców i firm sprzedających swoje produkty i usługi online.

  • Obecnie czterech na pięciu kupujących w internecie dokonuje zakupu za pośrednictwem urządzeń przenośnych.
  • W 2017 roku ruch na stronach mobilnych na świecie wzrósł o 300%.
  • 46% internautów często narzekało na statyczne strony desktopowe, które bardzo długo ładowały się na urządzeniach mobilnych i nie były dostosowane do mobilnego sposobu nawigowania po stronach internetowych.
  • 44% użytkowników twierdzi, że ich doświadczenia podczas otwierania stron internetowych, które nie były dostosowane do mobile’a było przerażającym doświadczeniam.
  • 60% ruchu w internecie pochodzi ze smartfonów.
  • Strony internetowe, które nie są dostosowane do urządzeń mobilnych nie są po prostu odwiedzane.
  • Badania wykazały również, że jeśli strona nie działa prawidłowo na urządzeniach mobilnych, to 40% użytkowników wybierze inny serwis, aby znaleźć szukany produkt. Sklep Walmart zmieniając swój mobilny serwis e-commerce’owy zwiększył współczynnik konwersji o 20% – wystarczyło tylko dostosować stronę do urządzeń mobilnych, żeby zwiększyć sprzedaż mobilną.

Co to jest RWD

Responsive Web Design oznacza, że strona dostosowuje się do urządzenia, na którym jest wyświetlana, jest to jakby bardziej rozbudowana wersja mobilna. Tworzenie strony responsywnej polega na zaprojektowaniu kilku wersji strony. W zależności od rozdzielczości urządzenia, na którym jest ona oglądana widok zostaje automatycznie przełączony.
Poniżej widać różnice w wyglądzie w zależności od urządzenia.

 

Ikonografika powinna pomóc zrozumieć jak działa strona responsywna.

Podsumowanie

Strona mobilna jest dobrym rozwiązaniem dla wszystkich posiadaczy serwisów w internecie, którzy chcą przyciągnąć do siebie nowych użytkowników. Poniesione koszty związane z dostosowaniem strony stacjonarnej do wersji mobilnej są zazwyczaj niewspółmierne z korzyściami płynącymi z jej posiadania.

Jak zarabiać przez Internet jako programista?

Początki programowania jako freelancer mogą być trudne. Aby klient powierzył nam jakieś zlecenie musimy przekonać go do tego, że będziemy w stanie dobrze je wykonać i że bardziej opłaca mu się zlecić je nam, niż np. studentowi, który zrobi to za o wiele mniejsze pieniądze (zwykle i tak później trzeba zatrudnić specjalistę aby poprawił i posprzątał to co student rozbabrał). W tym celu przydatne jest portfolio, którym poprzemy nasze umiejętności i doświadczenie. Skąd wziąć prace do takiej dokumentacji? Warto wykonać kilka projektów nie ukierunkowanych na monetyzację. Chociaż nie dadzą nam one od razu zarobić, to mogą okazać się atutem w rozmowie z potencjalnym zleceniodawcą w przyszłości. Możemy również spróbować swoich sił na stażach i praktykach w różnych firmach, jednak tu również, bez poparcia naszych umiejętności konkretnymi projektami, może pojawić się problem z dostaniem się na nie.

Jeśli stworzymy już nasze portfolio, powinniśmy zacząć szukać zleceń. Są na to różne sposoby, np.:

  • Uczestnictwo w imprezach i szkoleniach branżowych – pozwala to rozszerzyć nasze znajomości, dzięki czemu zyskujemy szanse na zdobycie zleceń;
  • Prowadzenie bloga lub udzielanie się na forach dyskusyjnych – dzięki temu możemy zademonstrować naszą wiedzę, a tym samym zachęcić konsumenta do skorzystania z naszych usług;
  • Bezpośrednie zwrócenie się z propozycją do klienta – jest to rozwiązanie o tyle słabe, że zgodnie z prawem nie możemy złożyć drugiej osobie oferty handlowej bez jej ówczesnego wyrażenia zgody na to nawet, jeśli jej e-mail jest ogólnodostępny w sieci.
  • Skorzystanie z serwisów, gdzie publikowane są zlecenia.

 

Istnieje wiele serwisów ze zleceniami dla programistów. Poniżej przedstawiamy kilka z nich:

  1. oferia.pl – dziennie pojawia się tu kilka ofert. Możliwe jest ustawienie sobie mailowego powiadomienia o nowych zleceniach na stronie
  2. outwork.pl – zleceń jest niewiele, za to strona zyskuje na swojej przejrzystości i łatwości w szukaniu ofert
  3. useme.eu – na stronie pojawia się kilka zleceń dziennie, jest ona prosta i przejrzysta
  4. upwork.com – tu znaleźć można nawet kilkaset nowych zleceń dziennie. Oferty pochodzą z całego świata, a ich opisy są po angielsku (ale istnieje opcja przetłumaczenia tekstów na język polski)
  5. freelancer.com – dziennie pojawia się do kilkunastu zleceń z Polski oraz o wiele więcej ofert zagranicznych. Spora część opisów nie jest tłumaczona na język Polski. To strona dobra zwłaszcza dla programistów poszukujących zleceń spoza naszego kraju
  6. freelanceria.pl – codziennie dodawane jest kilka nowych zleceń
  7. wpzlecenia.pl – zlecenia dla programistów Word Press.
środa, Kwiecień 24, 2019
Top
WordPress Image Lightbox