BBCode: co musisz wiedzieć, jeśli zlecasz tworzenie treści?

Jeśli prowadzisz bloga firmowego, forum lub korzystasz z platformy CMS z ograniczoną obsługą HTML, z pewnością spotkałeś się z hasłem „proszę o formatowanie tekstu w BBCode”.

Z pozoru techniczna sprawa, którą można zignorować, ale niech Cię to nie zwiedzie. Źle sformatowana treść:

• nie wyświetli się poprawnie,
• nie zachowa linków ani wyróżnień,
• może zniechęcić odbiorców do czytania.

A przecież treść, w którą inwestujesz czas i budżet, ma pracować na Twój wizerunek i wyniki.

W tym poradniku wyjaśniamy:

• czym właściwie jest BBCode,
• jak wygląda jego składnia,
• jak możesz kontrolować jego jakość jako zleceniodawca,
• i dlaczego dobry copywriter powinien umieć go stosować.

Czym jest BBCode?

BBCode (Bulletin Board Code) to uproszczony język znaczników używany głównie na forach i blogach, który pozwala na sformatowanie tekstu bez konieczności znajomości HTML.

Jego cechą charakterystyczną jest użycie nawiasów kwadratowych:

Chciałabym, aby słowo [b]boldowanie[/b] było pogrubione.

Uzyskujemy taki efekt:

Chciałabym, aby słowo boldowanie było pogrubione.

Pochylenie tekstu

– stosujemy poprzez znacznik [i], zamykamy poprzez [/i].

Chciałabym, aby słowo [i]pochylenie[/i] było wyświetlane kursywą.

Uzyskujemy taki efekt:

Chciałabym, aby słowo pochylenie było wyświetlane kursywą.

Podkreślenie

– stosujemy poprzez znacznik [u], zamykamy poprzez [/u].

Chciałabym, aby słowo [u]podkreślenie[/u] było wyświetlane z kreską pod wyrazem.

Uzyskujemy taki efekt:

Chciałabym, aby słowo podkreślenie było wyświetlane z kreską pod wyrazem.

Odnośniki do innych stron

Odnośniki do innych stron możesz zastosować na dwa sposoby. Z jednej strony możesz chcieć, aby sam link stał się hiperłączem np. www.setugo.pl. W takim przypadku powinieneś wpisać

wraz z adresem, do którego ma się odnosić:

[url=https://www.setugo.pl]Marka Setugo[/url].

E-mail

Aby adres e-mail pozwalał na automatyczne włączenie programu pocztowego i był aktywnym elementem, należy użyć znacznika [email][/email] np.

[email]biuro@setugo.pl[/email]

Tworzenie listy punktowej

Aby utworzyć listę punktowaną, należy podać przy każdym słowie znak oznaczający bullet. Dodatkowo, całą listę otwieramy i zamykamy poprzez użycie  [list][/list]. np.

Efekt:

• poniedziałek
• wtorek
• środa

Dodawanie obrazu

Aby wstawić obrazek, musisz otoczyć adres URL znacznikami [img][/img]. Np.

[img]https://setugo.pl/wp-content/uploads/2015/11/cropped-logo_RGB-e1447342996152.jpg[/img]

Łączenie znaczników

[i][b][u]TEKST[/u][/b][/i].

W ten sposób skonstruowany kod zostanie wyświetlony:

TEKST

Zwróć uwagę na kolejność zamykania znaczników. Jest to częsty błąd i gdy znaczniki są źle zamknięte lub pomieszane, efekt na stronie może być katastrofalny – tekst się nie wyświetla, znika grafika, znikają linki.

Poprawne łączenie znaczników: [x][y][z]TEKST[/z][/y][/x].

Dlaczego to ważne?

Z pozoru niewielka rzecz, jaką jest sposób formatowania tekstu, może zdecydować o:

• profesjonalnym wyglądzie treści na stronie,
• czytelności komunikatu,
• funkcjonalności (klikające się linki, obrazy),
• a nawet widoczności w Google.

Jako zleceniodawca nie musisz znać całej składni BBCode – ale dobrze, byś wiedział, czego wymagać od wykonawców i dlaczego to ma znaczenie.