Narzędzia dla webmastera

Aplikacje:

Środowisko programistyczne

Eclipse, NetBeans, Aptana

Eclipse to obecnie prawdopodobnie najczęściej używane IDE, szczególnie wśród programistów Javy, choć program ten obsługuje kilka innych języków, w tym PHP. Eclipse złożony jest tak naprawdę z modułów, co pozwala na jego niemal dowolną rozbudowę o dodatkowe funkcje. Eclipse jest darmowy. Można go ściągnąć ze strony producenta: eclipse.org

Darmową alternatywą dla Eclipse’a jest NetBeans, do ściągnięcia ze strony: netbeans.org. Godna uwagi jest również aplikacja Aptana. Pozwala ona m.in. na programowanie bezpośrednio na serwerze, przez kilku programistów na raz. Aptanę można pobrać ze strony producenta: aptana.com

Prosty edytor html

Notepad++

Po co drugi edytor kodu źródłowego? Choćby dlatego, że Eclipse nie widzi plików .htaccess, oraz po to, by podejrzeć szybko jakiś plik bez potrzeby uruchamiania całego środowiska. Bezkonkurencyjną aplikacją jest Notepad++, jest mały, zgrabny, prosty w obsłudze i robi to co trzeba, a nawet więcej. Do tego jest darmowy! Do pobrania ze strony producenta: notepad-plus-plus.org

Fajną aplikacją do pisania kodu html, css, php, js i kilku innych jest Pajączek. Niestety nie jest to aplikacja darmowa, choć nie kosztuje wiele, a możliwości ma ogromne. Można na przykład za jego pomocą przesyłać napisane pliki od razu na serwer.

Lokalny serwer testowy

Xampp

Lokalny serwer testowy jest niezbędny dla tworzenia i testowania internetowych aplikacji z kilku powodów. Po pierwsze, musisz mieć interpreter PHP, który będzie tłumaczył kod php na wynikowy html. Po drugie, musisz mieć docelowe adresy url i ich rewriting, co jest możliwe tylko w przypadku uruchomionego serwera Apache. Po trzecie – potrzebujesz działającą bazę danych MySQL. Oczywiście można te trzy elementy zainstalować oddzielnie, ale po co, kiedy XAMPP ma wszystko co trzeba i uruchamia się jednym kliknięciem. Xampp jest oczywiście darmowy. Do pobrania ze strony producenta: apachefriends.org

Klient FTP

Filezilla, WinSCP

FileZilla to prosty i darmowy klient FTP, który służy do przesyłania plików z komputera na serwer. Podział na dwie sekcje komputer – serwer ułatwia pracę. Filezillę można pobrać m.in. ze strony producenta: filezilla-project.org

Innym bardzo fajnym klientem FTP jest WinSCP. Jego interface wygląda jak w total commanerze, jest darmowy i bardzo prosty w obsłudze. Do pobrania ze strony producenta: winscp.net

Przeglądarki internetowe

Firefox, Chrome, Opera, IE

Tworząc stronę www powinniśmy mieć zainstalowanych kilka przeglądarek, powyższe 4 są najpopularniejsze. Nie próbuj dopasować stron do IE6 – to już obecnie niemal niewykonalne, rozwala stronę, a korzysta z niej nie więcej niż 1% użytkowników. Najpopularniejszą przeglądarką jest Firefox, dalej jest Chrome, Opera i Internet Explorer. Ja polecam najbardziej Firefoxa.

CMS:

Najpopularniejsze platformy CMS

Wordpress, Joomla, Drupal

Najpopularniejszym systemem CMS w internecie jest obecnie Wordpress. Z platformy blogowej, stał się pełnowartościowym systemem. Jest bardzo prosty w obsłudze, wspierany przez ogromną społeczność i bardzo lubiany przez roboty googla.

Kolejną platformą jest Joomla. W odróżnieniu od Wordpressa jest bardziej rozbudowana. Daje więcej w standardzie i też jest wspierana przez rzeszę ludzi. Poziom trudności tego CMSa jest jednak wyższy, co niekiedy przysparza trudności początkującym webmasterom, a tym bardziej użytkownikom.

Ostatni w stawce jest Drupal. Nie znaczy to jednak, że jest gorszy, wręcz przeciwnie. Jest najbardziej rozbudowanym systemem z pośród wymienionych, jednak jego stopień skomplikowania jest również największy, co przeklada się na mniejszą liczbę użytkowników. Niemniej jednak, nie można przejść obok niego obojętnie.


Narzędzia od Google:

Search Console

Każdy webmaster powinien mieć konto na search console (dawniej narzędzia dla webmasterów):

https://www.google.com/webmasters/tools/home?hl=pl

Page speed

Szybkość działania naszej witryny, można sprawdzić za pomocą narzędzia page speed na stronie:

https://developers.google.com/speed/pagespeed/insights

Mobile test

Zgodność naszej witryny z urządzeniami mobilnymi możemy sprawdzić na stronie:

https://www.google.com/webmasters/tools/mobile-friendly/?hl=pl

Structured Data

Poprawnośc danych strukturalnych możemy sprawdzić na stronie:

https://developers.google.com/structured-data/testing-tool/

Narzędzia:

Walidator W3W

Do sprawdzenia poprawności napisanego kodu i jego arkusza stylów służy Walidator od W3W:

http://validator.w3.org

Generator Sitemap

Sitemap, czyli mapę strony w formacie xml, idealną dla robota google, można stworzyć za darmo na stronie:

http://www.xml-sitemaps.com

Generator Robots.txt

Do sprawdzenia poprawności pliku robots.txt świetnie sprawdzi się poniższe narzędzie. Dodatkowo jest tam generator plików robots.txt:

http://tools.seobook.com/robots-txt/

Generator przekierowań .htaccess

Do wygenerowania m.in. przekierowań 301 w pliku .htaccess, świetnie sprawdzi się to narzędzie:

http://htaccess.lapti.pl/

Inne:

Kurs usability

Darmowy i kompletny kurs usability do pobrania ze strony webusability.pl:

http://www.webusability.pl/kurs-usability/


Narzędzia dla pozycjonera (specjalisty SEO)

Aplikacje:

Prosty edytor html

Notepad++

Po co drugi edytor kodu źródłowego? Choćby dlatego, że specjalista SEO często sam wprowadza zalecenia oraz po to, by podejrzeć szybko jakiś plik bez potrzeby uruchamiania całego środowiska. Bezkonkurencyjną aplikacją jest Notepad++, jest mały, zgrabny, prosty w obsłudze i robi to co trzeba, a nawet więcej. Sprawdza się u każdego pozycjonera.

Dobry, darmowy edytor tekstu

Open Office ux system.

Niezbędnym narzędziem dla edytorów tekstu, czy copywriterów jest edytor tekstu. Osobiście polecam darmowy pakiet biurowy Open office ux. Jest szybki, nie zawiesza się i wspieramy Polską produkcję.

Screaming Frog

Screaming Frog SEO Spider to mały program, który można zainstalować lokalnie na komputerze. Pobiera on kluczowe elementy onsite dla SEO, prezentuje je w zakładkach według typu i pozwala na filtrowanie wspólnych zagadnień SEO, i eksportowanie do programu Excel. Możesz przeglądać, analizować i filtrować dane crawl jakie są zbierane i aktualizowane na bieżąco w interfejsie użytkownika programu. Do pobrania ze strony producenta: screamingfrog.co.uk/seo-spider/

Narzędzia od Google:

Search Console

Narzędzia dla webmasterów (Search Console) są również przydatne pozycjonerom:

https://www.google.com/webmasters/tools/home?hl=pl

Google Analytics

Pozycjonowanie bez analizy efektów mija się z celem. Najlepszą analizę zapewnia narzędzie od wujka Googla. Bezpłatne narzędzie:

http://www.google.com/analytics

Narzędzie planowania słów kluczowych

Google AdWords: Keyword Planner

Propozycja słów kluczowych od Googla. Narzędzie analizuje wybrane słowa kluczowe, proponuje inne, a także dobiera słowa do kampani reklamowych Ad-Words:

https://adwords.google.pl/KeywordPlanner

Narzędzie do sprawdzenia wyglądu strony w SERPach

Google SERP Snippet Optimization Tool

Dzięki temu narzędziu bardzo szybko zobaczysz, jak będzie wyglądała twoja strona w wynikach wyszukiwania. Zobaczysz, jak wyświetla się title i description:

http://www.seomofo.com/snippet-optimizer.html

Wtyczki do Firefoxa:

Zbieranie wszelakich informacji o stronie

Wśród dodatków do Firefoksa dla pozycjonerów, szczególnie wyróżnia się SeoQuake. Plugin ten dostarcza wszystkie potrzebne informacje na temat przeglądanej aktualnie strony PageRank, liczbę stron w indeksach wyszukiwarek, wartość Alexa Rank, wiek według serwisu archive.org, liczbę linków, szybki odnośnik do danych whois i kilka innych informacji. Plugin jest kompatybilny z Firefoxem, Chromem i Operą, można pobrać ze strony wydawcy:

http://www.seoquake.com

Wtyczki SEO do WordPress:

WordPress SEO by Yoast

Jest to wtyczka kombajn, mająca na prawdę wiele możliwości. Dodatkowo wtyczka ta jest zupełnie darmowa. Chcąc optymalizować stronę zbudowaną na platformie WordPress, należy zacząć od tej wtyczki. Można ją pobrać ze strony WP:

https://wordpress.org/plugins/wordpress-seo/

Blogi:

Blogi o pozycjonowaniu

Pozycja obowiązkowa, to Planeta Seo. Znajdziesz tam najnowsze i najlepsze artykuły z branży seo, z różnych blogów, a wszystko w jednym miejscu:

http://www.planeta-seo.pl/

Polecam blog o pozycjonowaniu, którego autorką jest Lexy:

http://www.lexy.com.pl/blog

Na blogu itTechnology Mariusza Gąsiewskiego można natomiast ściągnąć – za darmo – świetne kursy google analitysc i google adwords.

Polecam blog Zgreda. Znajdziecie tam m.in. fajną check listę SEO:

http://seo.zgred.pl/


Narzędzia:

Tytan SEO

Narzędzie do monitorowania pozycji fraz w wynikach wyszukiwania Google.

Bezbłędny, szybki, zautomatyzowany, a co najważniejsze darmowy i skuteczny:

http://www.tytan-pracy.pl/tytanseo/

Seoptimer

Jest to narzędzie do szybkiego audytu strony www, pod kątem SEO:

http://www.seoptimer.com/

SEO Tools by Tony McCreath

Na stronie Tony'ego znajdziecie kilka SEO narzędzi. Część z nich jest bardzo użyteczna:

https://websiteadvantage.com.au/Tools

Page Rank strony

Do sprawdzenia Page ranku świetnie się nada Page Rank Checker:

http://www.prchecker.info/check_page_rank.php

Generator Lorem ipsum

Narzędzie nie do przecenienia, kiedy potrzebujemy próbnego tekstu o konkretnej długości, a nie chce nam się za dużo myśleć:

http://lipsum.pl

Copyscape

Narzędzie dzięki któremy sprawdzimy, czy tekst na naszej stronie nie został pożyczony, nie jest plagiatem, itd. Bardzo użyteczne, skuteczne i darmowe:

http://www.copyscape.com

WHOIS Search

To narzędzie pozwoli nam sprawdzić naszą domenę, pod kątem jej wieku. jest to o tyle istotne, że im starsza domena, tym lepiej. Wskazuje dokładną datę rejestracji domeny i operatora:

https://who.is

Sprawdzanie Historii domeny

http://www.domaintools.com/

Płatne narzędzia:

Majestic

Dzięki niemu dowiesz się, w jaki sposób wszystkie strony internetowe w Internecie linkują do siebie na wzajem. Majestic jest największą na świecie bazą danych linków inteligentnych. Żadna inna strona ani wyszukiwarka nie zapewni Ci tylu informacji o powiązaniach w ramach sieci:

https://pl.majestic.com/

Sem Storm

Dzięki niemu dowiesz się jakich słów używają klienci aby Cię znaleźć. Sprawdzisz na jakie frazy Twoja strona jest widoczna w wyszukiwarce i kto jest Twoją główną konkurencją:

https://pl.semstorm.com/

Inne:

Piekarnia Precli

Popularnym sposobem pozycjonowania są tak zwane "presell pages" zwane dalej preclami. Mikser precli pozwala w prosty sposób tworzyć wiele pseudounikalnych artykułów do precli poprzez losowanie wyrazów spośród podanych synonimów. Skrypt umieszczony pod adresem:

http://mix.fabrykaspamu.pl

Lokalizatory i Katalogi stron

Nie trzeba kupować płatnych wpisów, wystarczą darmowe i cenione katalogi stron:

Narzędzia dla grafika

Aplikacje:

Program do obróbki zdjęć i grafiki

Photoshop, Gimp.

Photoshopa zna chyba każdy. Jest on drogi, snobistyczny, ale i piękny. Jeśli chodzi o obróbkę grafiki i niezawodność, jest bezkonkurencyjny. W przypadku tworzenia aplikacji internetowych najbardziej przydaje się integracja z programem wektorowym – Illustratorem, oraz szybka praca w skalowaniu i kadrowaniu grafik i zdjęć. Nowe wersje tego super programu wykorzystują nawet akcelerację karty graficznej.

Dobrą, bo darmową alternatywą dla photoshopa, a może nawet jedyną wartościową alternatywą jest GIMP, który umożliwia niemal wszystko to co Photoshop, choć z gorszym interfejsem użytkownika i wolniejszą pracą. Do pobranie m.in. ze strony producenta: gimp.org

Program do tworzenia grafiki wektorowej

Illustrator, Corel DRAW, Inkscape.

Każdy porządny grafik robi swoje projekty na wektorach. Chcesz zrobić logo, ikony? Rób je na wektorach – oszczędzisz sobie wiele pracy i porażek. Najlepszy wybór to Illustrator, absolutny lider jeśli chodzi o tworzenie grafiki wektorowej. Jest najlepszy, pięknie współpracuje z Photoshopem i tak samo ja szop jest drogi. Alternatywą dla Illustratora jest Corel DRAW, trochę tańszy, a równie rozbudowany program do wektorów. Bardzo popularny w drukarniach.

Jedynym słusznym darmowym rozwiązaniem dla wektorów jest aplikacja Inkscape, do pobrania ze strony producenta: inkscape.org

Aplikacja do szybkiej obróbki zdjęć

Photo Cleaner

http://www.photocleaner.com

Aplikacja do masowej zmiany rozmiaru zdjęć

Easy Graphic Conventer

http://www.download.net.pl/2141/Easy-Graphic-Converter

Program do tworzenia grafiki 3D

3D Studio Max, Bryce, Bledner.

Czasami w pracy grafika zachodzi potrzeba sięgnięcia w nowy wymiar. Ale nie zawsze musi to oznaczać 3DStudio MAX, choć jest on 3D odpowiednikiem Photoshopa - czytaj najlepszy, najdroższy i najbardziej ekskluzywny. Zrobi wszystko, co trzeba. Ciekawą alternatywą jest program Bryce. Program niezwykły z intrygującym interfejsem, pozwalający tworzyć wirtualne światy, bawić się światłem, wodą i powietrzem. Można do niego importować obiekty 3D z innych programów i dzięki silnikowi graficznemu symulującemu zjawiska atmosferyczne i optyczne generować niezwykłe scenerie i krajobrazy. Bardziej zaawansowanym użytkownikom, Bryce oferuje również możliwości trójwymiarowej animacji i samodzielnego tworzenia obiektów i tekstur. Ostatnim na liście 3D narzędzi, godnych polecenia, dodatkowo całkowicie bezpłatny jest Blender. Blender to darmowy program do tworzenia zaawansowanej grafiki 3D. Pozwala na tworzenie rzeczy dostępnych w drogich, komercyjnych aplikacjach i to zupełnie za darmo. Bledner do pobrania m.in. ze strony producenta: blender.org

Program do tworzenia animacji

Adobe Flash.

Flash jest chyba jedynym słusznym narzędziem do tworzenia animacji. Można w nim tworzyć również całe strony internetowe i nie ma niestety darmowego odpowiednika. Kolejne wersje flasha rozbudowane są o narzędzia do tworzenai aplikacji na telefony i tablety. Co ciekawe we flashu można również programować.


Banki Zdjęć:

Darmowe zdjęcia z licencją do komercyjnego użytku

Freepik

Portal ze zdjęciami, ikonami i wektorami do pobrania, całkowicie za darmo:

http://pl.freepik.com/

Pexels

https://www.pexels.com/

Unsplash

https://unsplash.com/

Startup Stock Photos

http://startupstockphotos.com/

Pixabay

https://pixabay.com/pl/

Narzędzia:

Narzędzie dla grafików tworzących na potrzeby social media

Social Media Image Maker

Jaki jest optymalny rozmiar zdjęcia profilowego na Facebooku? A zdjęcia tła na YouTube? Może z kolei pamiętacie wymiary głównej grafiki na Twitterze, albo Google+? Dane te ciężko spamiętać, a dodatkowo przez zmiany interfejsu i odświeżanie wyglądu serwisów społecznościowych, ciężko za wszystkimi informacjami nadążyć. W tym celu powstało wygodne narzędzie, które może znacznie ułatwić pracę grafików tworzących na potrzeby social media, a co najważniejsze jest za darmo. Social Media Image Maker znajdziesz pod adresem:

http://www.autreplanete.com/ap-social-media-image-maker

Pluginy do Firefoxa:

ColorZilla

ColorZilla to klasyczna pipeta koloru. Pozwala na pobranie kodu koloru z każdego miesca w przeglądarce.

Measureit

Measureit jest linijką pozwalającą zmierzyć karzdy element na wyświetlonej stronie.

Blogi:

Smashing Magazine

http://www.smashingmagazine.com/

Darmowy Hosting

Kompletne rozwiązanie hostingowe + domeny

Jedni z lepszych, dostawców hostingu na rynku. Bardzo dobra pomoc on-line. Domeny świetnych cenach, przede wszystkim przy przedłużaniu na kolejne lata.

Bezpłatny hosting