Edycja kodu źródłowego witryny

Znajomość seo a html

Jeśli chcesz w pełni samodzielnie wykorzystać kompletny potencjał SEO swojej witryny, nie obędzie się bez edycji kodu źródłowego. W sieci naszpikowanej mnogością narzędzi, powiązanej ze sobą tysiącami developerów, pracujących nad wtyczkami, łatami, poprawkami, nawet jeśli uda ci się znaleźć właściwe narzędzie, nie obędzie się bez wszechogarniających Internet, błędów. Czym są błędy? Błędy to nic innego jak przeszkody które napotykamy wszędzie. Natomiast błędy w oprogramowaniu to doskonała szansa na rozwinięcie umiejętności pokonywania przeszkód związanych z programowaniem. Człowiek to maszyna organiczna, posiadająca szereg zaawansowanych algorytmów samokształcenia, funkcjonujących na podstawie analizowania przeszkód napotykanych w interwale istnienia, zwanym życiem. Skoro tu jesteś, cały czas poszukujesz sposobu na pokonanie pewnych przeszkód, zatem zaczynajmy.

Pierwsze kroki w kodowaniu i programowaniu

Localhost czyli od czego zacząć przygodę z kodowaniem?

Dawno, dawno temu, był sobie localhost – Lokalny magazyn plików. Otwierając każdy plik html zapisany na naszym dysku, otwieramy go z poziomu magazynu lokalnego. Jeśli plik jest osadzony na hostingu zewnętrznym, lokalnym magazynem będą zasoby w otoczeniu pliku, do których ma dostęp.

Kim jest Apache?

Aby nauczyć się kodować strony na poziomie umożliwiającym tworzenie zaawansowanych narzędzi, warto wiedzieć co nieco o serwerach na których strony się mocuje. Jeśli chcesz postawić swój pierwszy serwer, na którym możesz umocować swoją pierwszą stronę internetową z przypiętą domeną, polecam otwartego Apache’a. Fundacja Apache udostępnia oprogramowanie serwera umożliwiające obsługę na systemach operacyjnych Windows i Linux, a pobierzesz software Tutaj. Jeśli nie chcesz zawracać sobie tym głowy, przejdź dalej. W treści umieściłem kilka ciekawych rozwiązań dla programistów i koderów, które pomogą Ci w poruszaniu się po świecie html.

Jak uzyskać dostęp do plików źródłowych witryny?

Zanim rozpoczniesz zabawę w edycję źródła, upewnij się że masz dostęp do plików swojej witryny. Jeśli udało Ci się włączyć swój własny serwer lub kupiłeś go u dostawcy, to oczywiście masz dostęp, natomiast w witrynach i blogach stawianych na gotowych systemach takich jak WIX czy Blox, edycja źródła jest bardzo ograniczona, ponieważ nie są to systemy otwarte. Jeśli dzierżawisz hosting i ktoś inny opiekuje się plikami źródłowymi, poproś o dostęp do konta hostingowego. Możesz się do niego podłączyć bezpośrednio posiadając nazwę hosta, nazwę użytkownika i hasło, za pomocą np. darmowego oprogramowania FileZilla. Trochę więcej o FileZilla – to nic innego jak prosty wizualny menager plików osadzonych na hoście. Program możesz pobrać TU.

Dostęp do hosta umożliwi ci instalację dowolnego oprogramowania otwartego lub zamkniętego oraz edycję tego już zainstalowanego, które zechcesz edytować.

Mam już dostęp, jak edytować pliki witryny?

Załóżmy sytuację w której zaczynasz swoją przygodę z kodowaniem stron internetowych. Masz już swoją pierwszą witrynę opartą o CMS taki jak WordPress, czy Prestashop, z otwartą licencją (licencją darmowego oprogramowania, umożliwiającą dowolną edycję i wprowadzanie zmian), która została zainstalowana na twoim własnym hostingu, bądź hostingu który dzierżawisz ale masz dostęp do plików osadzonych na hoście. Z pomocą przyjdzie ci tutaj rozbudowany notatnik Notepad++, który umożliwia edycję kodu w bardzo wielu językach programowania z właściwym oznaczaniem składni, co znacznie ułatwia pracę z kodem. Dodatkowo notatnik można połączyć z hostem i edytować pliki bezpośrednio na serwerze. Możesz go pobrać Tu.

Od czego zacząć edycję witryny?

Edycję witryny zawsze rozpoczynamy od stworzenia kopii zapasowej. Jeśli nie zrobisz kopii, a podczas edycji czy wgrywaniu plików, coś się zepsuje, to niestety będzie potrzebna pomoc z zewnątrz. W niektórych przypadkach odzyskanie plików nie będzie możliwe, więc przygotuj się na to.

Popatrz na pliki, rozejrzyj się po strukturze katalogów. Sprawdź dokumentację swojego oprogramowania, testuj, testuj, testuj…

Jak wprowadzić zmiany na stronie, bez edycji plików źródłowych?

Każda przeglądarka internetowa posiada narzędzia deweloperskie, dzięki którym możesz dokonywać zmian na stronie, zmieniając poszczególne parametry stylów i kontenerów. W taki sposób możesz edytować Frontend (czyli to co widzi odbiorca witryny) bez narażenia strony na uszkodzenie, ponieważ nie zmieniasz nic w plikach, a jedynie w odczycie strony z przeglądarki. Aby podejrzeć kod źródłowy wystarczy że klikniesz prawym przyciskiem myszy, czy też touch pada na elemencie który chcesz modyfikować i wybrać inspekcję kodu. Skrót klawiaturowy to Ctrl + Shift + I, działa na popularnych przeglądarkach takich jak Google Chrome i Mozilla Firefox. Po dokonaniu zmian, możesz skopiować całość kodu do swojej witryny w łatwy i przyjazny sposób, np. poprzez Notepad++.

Jeśli podobał Ci się Artykuł, koniecznie oceń go, pozwoli to na poprawę jego pozycji i tym samym poinformowanie potencjalnych czytelników o jego wartości. Dziękuję za uwagę.

Stosowanie BBCode w Forach Internetowych

seo słownik - bb code

Co to jest BB Code?

Przeglądając Internet i poszukując odpowiedzi na pytania trafisz również na fora internetowe.

Zanim social media rozkwitły, były to obok czatów internetowych jedyne platformy do swobodnej wymiany informacji między użytkownikami, skupionymi wokół jednego tematu. Jako że generowały grupy docelowe o podobnej tematyce, fora były również doskonałymi platformami reklamowymi.

Oprócz tego że fora internetowe stanowiły miejsce na reklamę, zostały wykorzystane do jeszcze jednego poważnego celu. Mianowicie źródła linków do witryn internetowych. Umieszczanie  linków we wpisach i odpowiedziach w forach internetowych stało się działaniem przyczyniającym się do poprawy pozycji w wynikach wyszukiwania, linkowanej witryny. Takie działanie nazywamy potocznie rozklejaniem linków.

Aby ułatwić użytkownikom forów obsługiwanie swoich wpisów (z ang. „post”), powstał BBCode, czyli za Wikipedia: język formatowania wiadomości internetowych, który umożliwiał wprowadzanie do wpisu wzbogaconej treści bez używania kodu html. Chodzi tu między innymi o pogrubienie czy kursywę ale przede wszystkim dodawania tekstu zakotwiczenia i podklejania do niego linku tak jak Tutaj. 

Czy linki z forów internetowych poprawiają pozycję witryny?

Każdy link przychodzący posiada jakąś wartość. Może to być wartość dodatnia, jeśli forum cieszy się popularnością i dobrą reputacją, jak i ujemna, jeśli link pochodzi z niezaufanej witryny o niskim rankingu lub oflagowanej jako witryna ze złą reputacją.

Co do sprawdzenia rankingu stron, opisywałem wcześniej we wpisie Budowanie linków, katalogi o wysokim Page Rank, do którego odsyłam. Dobrze obsługiwane fora o wysokiej reputacji, mogą nakładać limity na wklejanie linków, lub udostępniać tę opcję jako płatną, co też jest ciekawą opcją na monetyzowanie forum internetowego. Niektóre fora stosują również linkowanie bez śledzenia z ang. „no-follow” co daje sygnał robotom, że nie powinny podążać do miejsca docelowego linków i indeksować jego zawartości.

W sytuacji gdy prowadzimy działania reklamowe dla jakiegoś podmiotu, trzeba to robić porządnie, informacyjnie i w sposób legalny, o ile prowadzimy działania SEO w białym kapeluszu. Jeśli będziemy postępować według ogólnie przyjętych zasad netykiety, zgodnie z regulaminami forów na których publikujemy, bez obawy możemy publikować dobre treści bez ryzyka, że administratorzy usuną nasze publikacje i zgłoszą naruszenie do operatora naszej sieci.

Co to jest tekst zakotwiczenia?

Tekst zakotwiczenia, z ang. „anchor text” jest to tekst pod którym kryje się dodany link. Oto przykład tekstu zakotwiczenia. Mądrze zastosowany tekst zakotwiczenia na słowa kluczowe w naszej witrynie, pomaga poprawić widoczność witryny, ponieważ bot indeksujący otrzymuje jasną informację, gdzie można znaleźć powiązany z daną frazą materiał. Tekst zakotwiczenia w forach używających bb-code wstawia się w taki sposób: [url=http://semsos.pl]SEO i SEM[/url].

Pogrubienie i kursywa w tekście zakotwiczenia

Zawsze warto używać formatowania tekstu co również pozytywnie wpływa na indeksację treści. Jednakże nadmierne nasycenie treści pogrubieniami i kolorami sprawia że tekst staje się nieczytelny. 

Kilka słów o złym pozycjonowaniu

Szara strefa SEO to grupy ukierunkowane tylko i wyłącznie na poprawę pozycji. Wizerunek jest czasem sztucznie tworzony w oparciu o naszpikowany linkami indeks „pozycjonowanej” witryny. Jeśli konkurencja będzie stosowała podobne zabiegi i jesteśmy w stanie to stwierdzić, możemy sprawę zgłosić, nawet bezpośrednio do Google, a gigant może zareagować nałożeniem filtrów, a nawet wyindeksowaniem witryny. Fora zbudowane do celów pozycjonowania posiadające bardzo niską reputację czasem wykorzystywane są do generowania tysięcy linków do jednej witryny, aby celowo obniżyć jej pozycję w rankingu. W sieci nadal wiszą wraki forów przesyconych linkami rozklejonymi przez boty internetowe lub blasty, zawierające tylko i wyłącznie wpisy z linkami.

Co to jest SERP

seo słownik - bb code

Co to jest Search Engine Result Page (SERP)?

Jest to nic innego jak strona wyników wyszukiwania po wprowadzeniu określonego zapytania w okno wyszukiwania przeglądarki internetowej. W wynikach wyszukiwania znajdują się wszystkie zindeksowane przez bota strony i linki, również obrazy i filmy oraz pliki dźwiękowe.

Źródło – Wikipedia – SERP