Co to jest inline CSS?

Co to jest inline CSS?

CSS (ang. Cascading Style Sheets) służy do formatowania układu strony internetowej, czyli kontrolowania takich elementów jak: czcionka, kolor i rozmiar tekstu. Ponadto CSS umożliwia zmianę koloru tła, rozporządzanie rozmieszczeniem elementów na stronie, jak również przystosowanie witryny do urządzeń mobilnych.

Czym jest CSS inline?

CSS umieszczany jest zazwyczaj w 3 miejscach:

  • w oddzielnym pliku z rozszerzeniem .css,
  • w tagu <style> wewnątrz tagu <head>,
  • wewnątrz tagu HTML, przy użyciu atrybutu „style”.

W ostatnim z przypadków mamy do czynienia ze „stylem inline”, który tworzony jest podobnie jak sam CSS. Lecz z kilkoma różnicami. Np. style inline wpływa bezpośrednio na znacznik, w którym jest zapisany.

Do czego służy CSS inline?

CSS inline służy do zastosowania unikalnego stylu dla pojedynczego elementu HTML (np. ustawienie koloru dla nagłówka H1 czy akapitu <p>). Jednak w odróżnieniu od zwykłego CSS, CSS inline nie wpływa na wszystkie elementy tego typu na stronie, lecz wyłącznie na jeden konkretny.

Wykonaj darmowy audyt strony i popraw jej widoczność w wyszukiwarce. Wykonaj teraz >>

Kiedy używać, a kiedy nie używać CSS inline?

Specjaliści raczej nie używają CSS inline. Jednak istnieją okoliczności, kiedy jest to konieczne. Na przykład w przypadku:

  • poczty elektronicznej HTML,
  • starych stron internetowych,
  • gdy jest to konieczne ze względu na technologię wykonania strony (w przypadku niektórych CMS-ów czy samych szablonów)

Jednak są to wyjątki, gdyż – jak wspominano – w większości przypadków CSS inline jest raczej odradzany podczas tworzenia stron.

Czy CSS inline wpływa na SEO?

Inline CSS nie ma bezpośredniego wpływu na SEO, natomiast może powodować wolniejsze działanie strony, oraz zwiększać jej rozmiar. Te czynniki mają już wpływ na ranking, dlatego, jeśli istnieje techniczna możliwość, dobrą praktyką jest przeniesienie inline CSS do arkusza stylów. Takie rozwiązanie ułatwia też zarządzanie wyglądem strony.

Przeczytaj także

Dostosowanie strony internetowej do urządzeń mobilnych jako element optymalizacji SEO

Dostosowanie strony internetowej do urządzeń mobilnych jako element optymalizacji SEO

Strona internetowa przyjazna urządzeniom mobilnym jest dziś koniecznością. Coraz więcej osób korzysta bowiem z Internetu nie tylko na komputerach, lecz także na smartfonach czy tabletach. Responsywna strona WWW dopasowuje się do różnych rozdzielczości ekranów urządzeń mobilnych. Dzięki temu witryna zapewnia klientowi dostęp do swojej oferty, jest bardziej funkcjonalna i czytelna. Responsywność jest też bardzo ważna z punktu widzenia SEO. Pozwala robotom Google na poprawne zaindeksowanie strony w wersji desktopowej i mobilnej oraz osiąganie wyższych pozycji w wynikach wyszukiwania.

Artykuł - ikonka Czytaj więcej

Co oznacza rozmiar strony internetowej i dlaczego jest ważny?

Co oznacza rozmiar strony internetowej i dlaczego jest ważny?

Zazwyczaj atrakcyjne strony internetowe oparte na wielu grafikach, filmach itp. mają większy rozmiar niż te składające się z samego tekstu. Czy rozmiar strony ma znaczenie i wpływ na SEO? A jeśli tak, jak prezentować ciekawy content, jednocześnie nie spowalniając strony. Odpowiedzi prezentujemy poniżej.

Artykuł - ikonka Czytaj więcej