/** * Functions and filters related to the menus. * * Makes the default WordPress navigation use an HTML structure similar * to the Navigation block. * * @link https://make.wordpress.org/themes/2020/07/06/printing-navigation-block-html-from-a-legacy-menu-in-themes/ * * @package WordPress * @subpackage Twenty_Twenty_One * @since Twenty Twenty-One 1.0 */ /** * Add a button to top-level menu items that has sub-menus. * An icon is added using CSS depending on the value of aria-expanded. * * @since Twenty Twenty-One 1.0 * * @param string $output Nav menu item start element. * @param object $item Nav menu item. * @param int $depth Depth. * @param object $args Nav menu args. * @return string Nav menu item start element. */ function twenty_twenty_one_add_sub_menu_toggle( $output, $item, $depth, $args ) { if ( 0 === $depth && in_array( 'menu-item-has-children', $item->classes, true ) ) { // Add toggle button. $output .= ''; } return $output; } add_filter( 'walker_nav_menu_start_el', 'twenty_twenty_one_add_sub_menu_toggle', 10, 4 ); /** * Detects the social network from a URL and returns the SVG code for its icon. * * @since Twenty Twenty-One 1.0 * * @param string $uri Social link. * @param int $size The icon size in pixels. * @return string */ function twenty_twenty_one_get_social_link_svg( $uri, $size = 24 ) { return Twenty_Twenty_One_SVG_Icons::get_social_link_svg( $uri, $size ); } /** * Displays SVG icons in the footer navigation. * * @since Twenty Twenty-One 1.0 * * @param string $item_output The menu item's starting HTML output. * @param WP_Post $item Menu item data object. * @param int $depth Depth of the menu. Used for padding. * @param stdClass $args An object of wp_nav_menu() arguments. * @return string The menu item output with social icon. */ function twenty_twenty_one_nav_menu_social_icons( $item_output, $item, $depth, $args ) { // Change SVG icon inside social links menu if there is supported URL. if ( 'footer' === $args->theme_location ) { $svg = twenty_twenty_one_get_social_link_svg( $item->url, 24 ); if ( ! empty( $svg ) ) { $item_output = str_replace( $args->link_before, $svg, $item_output ); } } return $item_output; } add_filter( 'walker_nav_menu_start_el', 'twenty_twenty_one_nav_menu_social_icons', 10, 4 ); /** * Filters the arguments for a single nav menu item. * * @since Twenty Twenty-One 1.0 * * @param stdClass $args An object of wp_nav_menu() arguments. * @param WP_Post $item Menu item data object. * @param int $depth Depth of menu item. Used for padding. * @return stdClass */ function twenty_twenty_one_add_menu_description_args( $args, $item, $depth ) { if ( '' !== $args->link_after ) { $args->link_after = ''; } if ( 0 === $depth && isset( $item->description ) && $item->description ) { // The extra element is here for styling purposes: Allows the description to not be underlined on hover. $args->link_after = ''; } return $args; } add_filter( 'nav_menu_item_args', 'twenty_twenty_one_add_menu_description_args', 10, 3 );namespace Elementor; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly. } /** * Elementor skin base. * * An abstract class to register new skins for Elementor widgets. Skins allows * you to add new templates, set custom controls and more. * * To register new skins for your widget use the `add_skin()` method inside the * widget's `register_skins()` method. * * @since 1.0.0 * @abstract */ abstract class Skin_Base extends Sub_Controls_Stack { /** * Parent widget. * * Holds the parent widget of the skin. Default value is null, no parent widget. * * @access protected * * @var Widget_Base|null */ protected $parent = null; /** * Skin base constructor. * * Initializing the skin base class by setting parent widget and registering * controls actions. * * @since 1.0.0 * @access public * @param Widget_Base $parent */ public function __construct( Widget_Base $parent ) { parent::__construct( $parent ); $this->_register_controls_actions(); } /** * Render skin. * * Generates the final HTML on the frontend. * * @since 1.0.0 * @access public * @abstract */ abstract public function render(); /** * Render element in static mode. * * If not inherent will call the base render. */ public function render_static() { $this->render(); } /** * Determine the render logic. */ public function render_by_mode() { if ( Plugin::$instance->frontend->is_static_render_mode() ) { $this->render_static(); return; } $this->render(); } /** * Register skin controls actions. * * Run on init and used to register new skins to be injected to the widget. * This method is used to register new actions that specify the location of * the skin in the widget. * * Example usage: * `add_action( 'elementor/element/{widget_id}/{section_id}/before_section_end', [ $this, 'register_controls' ] );` * * @since 1.0.0 * @access protected */ protected function _register_controls_actions() {} /** * Get skin control ID. * * Retrieve the skin control ID. Note that skin controls have special prefix * to distinguish them from regular controls, and from controls in other * skins. * * @since 1.0.0 * @access protected * * @param string $control_base_id Control base ID. * * @return string Control ID. */ protected function get_control_id( $control_base_id ) { $skin_id = str_replace( '-', '_', $this->get_id() ); return $skin_id . '_' . $control_base_id; } /** * Get skin settings. * * Retrieve all the skin settings or, when requested, a specific setting. * * @since 1.0.0 * @TODO: rename to get_setting() and create backward compatibility. * * @access public * * @param string $control_base_id Control base ID. * * @return mixed */ public function get_instance_value( $control_base_id ) { $control_id = $this->get_control_id( $control_base_id ); return $this->parent->get_settings( $control_id ); } /** * Start skin controls section. * * Used to add a new section of controls to the skin. * * @since 1.3.0 * @access public * * @param string $id Section ID. * @param array $args Section arguments. */ public function start_controls_section( $id, $args = [] ) { $args['condition']['_skin'] = $this->get_id(); parent::start_controls_section( $id, $args ); } /** * Add new skin control. * * Register a single control to the allow the user to set/update skin data. * * @param string $id Control ID. * @param array $args Control arguments. * @param array $options * * @return bool True if skin added, False otherwise. * @since 3.0.0 New `$options` parameter added. * @access public * */ public function add_control( $id, $args = [], $options = [] ) { $args['condition']['_skin'] = $this->get_id(); return parent::add_control( $id, $args, $options ); } /** * Update skin control. * * Change the value of an existing skin control. * * @since 1.3.0 * @since 1.8.1 New `$options` parameter added. * * @access public * * @param string $id Control ID. * @param array $args Control arguments. Only the new fields you want to update. * @param array $options Optional. Some additional options. */ public function update_control( $id, $args, array $options = [] ) { $args['condition']['_skin'] = $this->get_id(); parent::update_control( $id, $args, $options ); } /** * Add new responsive skin control. * * Register a set of controls to allow editing based on user screen size. * * @param string $id Responsive control ID. * @param array $args Responsive control arguments. * @param array $options * * @since 1.0.5 * @access public * */ public function add_responsive_control( $id, $args, $options = [] ) { $args['condition']['_skin'] = $this->get_id(); parent::add_responsive_control( $id, $args ); } /** * Start skin controls tab. * * Used to add a new tab inside a group of tabs. * * @since 1.5.0 * @access public * * @param string $id Control ID. * @param array $args Control arguments. */ public function start_controls_tab( $id, $args ) { $args['condition']['_skin'] = $this->get_id(); parent::start_controls_tab( $id, $args ); } /** * Start skin controls tabs. * * Used to add a new set of tabs inside a section. * * @since 1.5.0 * @access public * * @param string $id Control ID. */ public function start_controls_tabs( $id ) { $args['condition']['_skin'] = $this->get_id(); parent::start_controls_tabs( $id ); } /** * Add new group control. * * Register a set of related controls grouped together as a single unified * control. * * @param string $group_name Group control name. * @param array $args Group control arguments. Default is an empty array. * @param array $options * * @since 1.0.0 * @access public * */ final public function add_group_control( $group_name, $args = [], $options = [] ) { $args['condition']['_skin'] = $this->get_id(); parent::add_group_control( $group_name, $args ); } /** * Set parent widget. * * Used to define the parent widget of the skin. * * @since 1.0.0 * @access public * * @param Widget_Base $parent Parent widget. */ public function set_parent( $parent ) { $this->parent = $parent; } } Zaawansowane techniki optymalizacji struktury linkowania wewnętrznego: krok po kroku dla specjalistów SEO – Jobe Drones
/** * Displays the site header. * * @package WordPress * @subpackage Twenty_Twenty_One * @since Twenty Twenty-One 1.0 */ $wrapper_classes = 'site-header'; $wrapper_classes .= has_custom_logo() ? ' has-logo' : ''; $wrapper_classes .= ( true === get_theme_mod( 'display_title_and_tagline', true ) ) ? ' has-title-and-tagline' : ''; $wrapper_classes .= has_nav_menu( 'primary' ) ? ' has-menu' : ''; ?>

Jobe Drones

Filmagens e Fotos Aéreas

Zaawansowane techniki optymalizacji struktury linkowania wewnętrznego: krok po kroku dla specjalistów SEO

Spis treści

1. Analiza i planowanie struktury linkowania wewnętrznego dla optymalizacji SEO

a) Jak przeprowadzić szczegółową audyt struktury linków wewnętrznych na stronie – narzędzia i techniki

Aby zacząć proces optymalizacji, konieczne jest przeprowadzenie dogłębnego audytu istniejącej struktury linków. Kluczowym etapem jest identyfikacja, które strony odgrywają centralne role w hierarchii witryny oraz jakie linki wewnętrzne je łączą. W tym celu rekomenduję zastosowanie narzędzi takich jak Screaming Frog SEO Spider, Ahrefs czy SEMrush, które pozwalają na wyeksportowanie pełnej mapy linków wewnętrznych.

Proces krok po kroku:

  • Eksport danych o linkach: Użyj Screaming Frog, uruchom skan witryny i wyeksportuj raport o linkach wewnętrznych w formacie CSV.
  • Analiza linków: Sprawdź, które strony mają największą liczbę linków wewnętrznych (tzw. link equity) i które strony są najczęściej linkowane.
  • Mapowanie hierarchii: Zidentyfikuj strony główne, kategorie i podstrony, oceniając ich pozycję w strukturze.
  • Wykorzystanie narzędzi wizualizacyjnych: Skorzystaj z Gephi albo specjalistycznych rozwiązań typu VisualSitemap, aby zobrazować sieć linków i wykryć ewentualne „martwe punkty”.

Uwaga: Kluczowe jest nie tylko wyeksportowanie danych, ale też ich krytyczna ocena. Szukaj stron z dużą liczbą nieefektywnych linków, duplikatów czy niepotrzebnych przekierowań.

b) Jak zidentyfikować kluczowe strony dla rozbudowy sieci linków – analiza hierarchii i popularności

Kluczowym elementem jest wskazanie stron, które pełnią rolę hubów, czyli centralnych punktów nawigacyjnych, posiadających szeroki zakres linków wewnętrznych. W tym celu stosuję podejście wielowymiarowe, obejmujące:

  1. Analizę popularności: sprawdzanie liczby odsłon, czasu spędzonego na stronie oraz wskaźników zaangażowania w Google Analytics.
  2. Analizę linków wewnętrznych: ocena, które strony mają największą liczbę wewnętrznych linków kierujących do nich (np. na podstawie danych z Screaming Frog czy Ahrefs).
  3. Hierarchiczną klasyfikację: tworzenie diagramów hierarchii, gdzie główne kategorie są nadrzędne wobec podkategorii i podstron docelowych.

Przykład: Strona główna, kategoria „Produkty”, podkategorie „Elektronarzędzia”, „Akcesoria” – strony z szerokim zakresem linków do i z tych podstron są naturalnymi kandydatami na strony centralne, które wymagają silniejszej optymalizacji pod kątem linkowania.

c) Jak określić priorytety dla stron i podstron w kontekście linkowania wewnętrznego

Priorytetyzacja jest kluczowa, aby skoncentrować wysiłki na najbardziej wartościowych elementach witryny. Podejście opiera się na metodyce ABC analysis oraz analizie potencjału konwersji:

  1. Wartości biznesowe: identyfikacja stron, które generują największy przychód lub konwersję.
  2. Potencjał SEO: ocena możliwości poprawy widoczności poprzez lepsze linkowanie (np. strony z niskim współczynnikiem ruchu, ale dużym potencjałem rozwoju).
  3. Stan techniczny: eliminacja stron z błędami, które mogą utrudniać skuteczne linkowanie.

Konkretne kroki:

  • Przeprowadź analizę danych z systemów analitycznych, ustalając, które strony są najczęściej odwiedzane i najczęściej konwertują.
  • Przygotuj tabelę priorytetów, klasyfikując strony według ich wartości biznesowej, potencjału SEO i technicznej kondycji.
  • Przydziel konkretne działania dla każdej kategorii: np. wzmocnienie linkowania do top konwersji, poprawa najsłabszych technicznie podstron.

d) Jak przygotować mapę linkowania – wizualizacja i plan działania

Na podstawie powyższych analiz konieczne jest stworzenie szczegółowej mapy linkowania. Proces obejmuje:

  1. Utworzenie schematu hierarchii: diagramu, który wizualnie odzwierciedla relacje pomiędzy głównymi kategoriami, podkategoriami i podstronami.
  2. Planowanie linków: określenie, które strony będą linkować do siebie, z uwzględnieniem zasad silosu tematycznego, naturalnego rozkładu link juice i minimalizacji zbędnych przekierowań.
  3. Weryfikacja: sprawdzenie, czy mapa nie zawiera martwych punktów lub nadmiernych skupisk linków na jednym obszarze.

Ważne: użyj narzędzi typu draw.io, Lucidchart, lub specjalistycznych rozwiązań SEO do tworzenia wizualizacji, które pomogą w późniejszym wdrożeniu i monitoringu efektów.

2. Projektowanie strategii linkowania wewnętrznego na podstawie hierarchii treści

a) Jak ustalić główne i podrzędne kategorie treści – metody klasyfikacji i segmentacji

Podstawą skutecznej strategii jest precyzyjne zdefiniowanie głównych kategorii i ich podkategorii. Metodologia obejmuje:

  • Analizę słów kluczowych: wykorzystanie narzędzi typu Google Keyword Planner, SEMrush, czy Ubersuggest do identyfikacji najważniejszych fraz dla branży.
  • Segmentację tematyczną: podział treści na obszary tematyczne, które odzwierciedlają intencje użytkowników i strukturę biznesową.
  • Analizę konkurencji: badanie, jak konkurenci organizują swoje treści, aby wypracować własną, zoptymalizowaną hierarchię.

Przykład: Struktura kategorii dla sklepu z elektroniką może obejmować główne kategorie „Laptop”, „Smartfon”, „Akcesoria”, z podkategoriami typu „Laptopy gamingowe”, „Smartfony flagowe”, „Etui na telefony”.

b) Jak zastosować zasadę silosu tematycznego w strukturze linków

Praktyka polega na ograniczeniu linkowania pomiędzy różnymi kategoriami do minimum, co wzmacnia kontekst i hierarchię tematyczną:

  1. Linkowanie wewnątrz kategorii: skup się na tworzeniu silnych relacji między podstronami tej samej kategorii.
  2. Minimalizacja cross-linków: ogranicz linki między kategoriami, zwłaszcza tych o odmiennych tematach, aby nie rozpraszać link juice.
  3. Linkowanie do głównych stron kategorii: w ramach podstron, kieruj linki do głównych kategorii i głównej strony witryny.

Uwaga: Zastosowanie silosu wymaga precyzyjnego planu, aby nie tworzyć sztucznych lub nienaturalnych schematów, które mogą zostać uznane za manipulację przez algorytmy Google.

c) Jak wyznaczyć kluczowe strony centralne (hub pages) – metody identyfikacji i optymalizacji

Strony hub, czyli strony centralne, pełnią rolę punktów łączących wiele podstron i kategorii, dlatego ich optymalizacja jest krytyczna:

  1. Identyfikacja: na podstawie analizy linków wewnętrznych, popularności i wyszukiwań słów kluczowych, wskazuj strony, które mają potencjał do pełnienia roli hubów.
  2. Optymalizacja treści: wzmacniaj je poprzez dodanie szczegółowych opisów, linków do kluczowych podstron, schematów danych typu FAQ, breadcrumbów.
  3. Linkowanie: zapewnij, by były linkowane zarówno z głównych kategorii, jak i z innych powiązanych stron, tworząc silne „sieci” połączeń.

Przykład: Strona główna z kategorią „Produkty” powinna zawierać linki do najważniejszych podkategorii, a same podkategorie – odwołania do niej, tworząc spójny system nawigacji.

d) Jak tworzyć logiczne i naturalne ścieżki linkowania między kategoriami i podstronami

Podstawowe zasady:

  • Kierunek linkowania: od strony głównej do kategorii, a następnie do podkategorii i podstron produktowych, z zachowaniem jednej kierunkowości.
  • Naturalność: linki powinny odzwierciedlać naturalne ścieżki użytkownika, unikając sztucznego „przepychania” linków.
  • Hierarchia: wewnątrz kategorii linkuj głównie do najważniejszych podstron, a z nich do szczegółowych treści.

Przykład: Z głównej strony z kategorią „Elektronarzędzia” linkuj do „Wiertarek”, „Wyrzynarek”, a z nich do szczegółowych podstron produktów, zapewniając spójną ścieżkę nawigacyjną i rozkład link juice.

3. Techniczne aspekty implementacji optymalnej struktury linkowania

a) Jak poprawnie korzystać z atrybutów linków (np. rel, nofollow) w kontekście SEO

Kluczowe jest zrozumienie, kiedy używać atrybutu rel="nofollow" lub rel="noopener". Podczas optymalizacji struktury linkowania wewnętrznego:

Leave a comment

Your email address will not be published. Required fields are marked *

/** * The template for displaying the footer * * Contains the closing of the #content div and all content after. * * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials * * @package WordPress * @subpackage Twenty_Twenty_One * @since Twenty Twenty-One 1.0 */ ?>