Belangrijkste informatie

ℹ️

Titel: База знань IT технологій

Beschrijving: Дізнайся про всю необхідну інформацію з довідником IT Wiki

Trefwoorden: empty

Paginacodering: utf-8

Pagina Bestandsgrootte: 142 KB

Serverinformatie

🖥️

IP: 78.47.64.83

Locatie: Germany,DE,Falkenstein,08223,50.4777,12.3649,Europe/Berlin

Http-server: nginx

Codering: utf-8

Lijst metatags

🏷️

property: og:title content: База знань IT технологій
name: description content: Дізнайся про всю необхідну інформацію з довідником IT Wiki
property: og:description content: Дізнайся про всю необхідну інформацію з довідником IT Wiki
property: og:url content: https://itwiki.dev
property: og:type content: page
property: og:image content: https://assets.ithillel.ua/images/og-wiki.jpg
charset: UTF-8
name: viewport content: width=device-width, initial-scale=1, viewport-fit=cover
name: theme-color content: #ffffff
name: google-site-verification content: ZYBvodosNo34DzAKO_N8oOiFVzYHUQ0ZW4puK82d09Y

Interne koppelingen

🔗

Externe koppelingen

🌐

Політика конфіденційності.

Whois-informatie

📄

domain_name: itwiki.dev

update_date: 2025-10-10T02:53:22.738Z

update_time: 1760064802

creation_date: 2022-04-07T12:26:14.072Z

creation_time: 1649334374

expiration_date: 2026-04-07T12:26:14.072Z

Whois onbewerkte gegevens

📋

            Domain Name: ITWIKI.DEV
Registrar: Tucows Domains Inc
Domain Status: client transfer prohibited
Domain Status: client update prohibited
Creation Date: 2022-04-07T12:26:14.072Z
Registry Expiry Date: 2026-04-07T12:26:14.072Z
Updated Date: 2025-10-10T02:53:22.738Z
Name Server: COCO.NS.CLOUDFLARE.COM
Name Server: NORM.NS.CLOUDFLARE.COM
REGISTRAR Contact: Tucows Domains Inc
>>> Last update of RDAP database: 2026-03-14T12:07:31Z

Robots.txt

🤖

			User-agent: *
Disallow: /feed/*
Allow: /
Host: https://itwiki.dev
Sitemap: https://itwiki.dev/sitemap.xml

SEO-audit

🔍

Technische SEO

✓

Reactiecode

200

Status 200 OK - pagina wordt correct geladen.

✓

Tekencodering

Page: utf-8, Header: utf-8

Tekencodering consistent tussen HTML en headers.

✓

Paginagrootte

146025 bytes

Paginaformaat acceptabel voor snel laden.

✓

Bronnen

31 total

Matig aantal bronnen. Overweeg om bestanden te combineren.

✓

Hreflang-tags

2 hreflang tags

Hreflang-tags gevonden voor meertalige SEO.

✓

Robots.txt

Exists

Robots.txt-bestand gevonden.

✓

Sitemap

Declared in robots.txt

Sitemap gedeclareerd in robots.txt.

✓

HTTPS

Yes

Beveiligde HTTPS-verbinding ingeschakeld.

✓

Compressie

gzip

Gzip- of Zstd-compressie ingeschakeld voor sneller laden.

!

Caching

Not set

Voeg cache-control headers toe om de laadsnelheid voor terugkerende bezoekers te verbeteren.

✓

Paginasnelheid

1.00 ms

Uitstekende laadsnelheid.

SEO op de pagina

!

Titel

База знань IT технологій

Titel te kort. Breid uit naar 30-60 tekens voor betere SEO.

!

Metabeschrijving

Дізнайся про всю необхідну інформацію з довідником IT Wiki Lenght:58

Metabeschrijving te kort. Uitbreiden naar 100-160 tekens.

!

H1-rubriek

0 found - ""

Voeg precies één H1-kop toe met primaire zoekwoorden.

!

Aantal woorden

213

Inhoud zeer kort. Streef naar minimaal 500 woorden voor betere SEO.

!

Canonieke tag

Voeg een canonieke tag toe om problemen met dubbele inhoud te voorkomen.

✓

Dubbele meta

[]

Geen dubbele metatags gevonden.

✓

Trefwoorden

empty

Meta-trefwoorden ingesteld (let op: niet gebruikt door grote zoekmachines).

Inhoud en UX

✓

Taal

uk

Taalkenmerk correct ingesteld.

!

Afbeeldingen

1 total, 1 missing ALT

Voeg ALT-tekst toe aan afbeeldingen voor toegankelijkheid en SEO.

✓

Kijkpoort

width=device-width, initial-scale=1, viewport-fit=cover

Viewport-metatag correct ingesteld voor mobiele apparaten.

✓

Grafiek openen

All OG tags present.

Alle essentiële OpenGraph-tags aanwezig.

!

Gestructureerde gegevens

0 JSON-LD scripts

Voeg gestructureerde gegevens (JSON-LD) toe voor rich snippets en betere SEO.

Zoek zinnen - Google

🔍

Positie	Zin	Pagina	Fragment
4	title meta http equiv content	/ru/front-end/html-reference/tags/meta/http-equiv	Атрибут http-equiv - Справочник по HTML — meta - IT Wiki 23 июн. 2022 г. — Браузеры преобразовывают значение атрибута http-equiv, заданное с помощью content , в формат заголовка ответа HTTP и обрабатывают их, как будто ...
5	inline фреймы	/ru/front-end/html-reference/html-type/frame	Справочник по HTML — Фреймы \| База знаний IT - IT Wiki 29 нояб. 2022 г. — Элемент (от англ. inline frame — встроенный фрейм) создаёт встроенный фрейм, который находится внутри обычного документа , он позволяет ...</div></td></tr><tr><td><span class="badge badge-warning">6</span></td><td><noindex><a href="/nl/phrase/href/" rel="nofollow">href</a></noindex></td><td>/ru/front-end/html-reference/tags/a/href</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/html-reference/tags/a/href" rel="nofollow" target="_blank">Справочник по HTML — a — Атрибут href \| База знаний IT</a></noindex><br>17 мар. 2023 г. — Атрибут href (от англ. hypertext reference — гипертекстовая ссылка) задаёт адрес документа, на который следует перейти . Поскольку в качестве ...</div></td></tr><tr><td><span class="badge badge-warning">6</span></td><td><noindex><a href="/nl/phrase/iframe-src-id/" rel="nofollow">iframe src id</a></noindex></td><td>/ru/front-end/html-reference/tags/iframe/src</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/html-reference/tags/iframe/src" rel="nofollow" target="_blank">Атрибут src - Справочник по HTML — iframe</a></noindex><br>20 июн. 2022 г. — Атрибут src. Указывает адрес файла, который будет загружаться во фрейм . Это может быть HTML-документ, изображение или серверная программа.</div></td></tr><tr><td><span class="badge badge-warning">7</span></td><td><noindex><a href="/nl/phrase/%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B8%D0%BA-id/" rel="nofollow">справочник id</a></noindex></td><td>/ru/front-end/html-reference/common-attributes/id</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/html-reference/common-attributes/id" rel="nofollow" target="_blank">Справочник по HTML — Атрибут id \| База знаний IT - IT Wiki</a></noindex><br>23 нояб. 2022 г. — Атрибут id . Задаёт стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через ...</div></td></tr><tr><td><span class="badge badge-warning">7</span></td><td><noindex><a href="/nl/phrase/html-end/" rel="nofollow">html end</a></noindex></td><td>/ru/front-end/html-reference</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/html-reference" rel="nofollow" target="_blank">Справочник по HTML - IT Wiki</a></noindex><br>Как правило, < html > идёт в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через <!DOCTYPE>. Закрывающий ...</div></td></tr><tr><td><span class="badge badge-warning">8</span></td><td><noindex><a href="/nl/phrase/a-href/" rel="nofollow">a href</a></noindex></td><td>/ru/front-end/html-reference/tags/a/href</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/html-reference/tags/a/href" rel="nofollow" target="_blank">Справочник по HTML — a — Атрибут href \| База знаний IT</a></noindex><br>17 мар. 2023 г. — Атрибут href (от англ. hypertext reference — гипертекстовая ссылка) задаёт адрес документа, на который следует перейти . Поскольку в качестве ...</div></td></tr><tr><td><span class="badge badge-warning">9</span></td><td><noindex><a href="/nl/phrase/min-html/" rel="nofollow">min html</a></noindex></td><td>/ru/front-end/html-reference/tags/input/min</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/html-reference/tags/input/min" rel="nofollow" target="_blank">Справочник по HTML — input — Атрибут min \| База знаний IT</a></noindex><br>21 июн. 2022 г. — Атрибут min. Устанавливает нижнее значение для ввода числа или даты в поле формы . Синтаксис. <input type="number" min="<число>"> <input ...</div></td></tr><tr><td><span class="badge badge-warning">9</span></td><td><noindex><a href="/nl/phrase/li-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82/" rel="nofollow">li элемент</a></noindex></td><td>/ru/front-end/html-reference/tags/li</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/html-reference/tags/li" rel="nofollow" target="_blank">Справочник по HTML — li \| База знаний IT - IT Wiki</a></noindex><br>7 июл. 2022 г. — Элемент <li> (от англ. list item — пункт списка) определяет отдельный пункт списка . Внешний элемент <ul> или <ol> устанавливает тип списка — ...</div></td></tr><tr><td><span class="badge badge-warning">9</span></td><td><noindex><a href="/nl/phrase/%D1%86%D0%B2%D0%B5%D1%82-%D0%B3%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B/" rel="nofollow">цвет границы</a></noindex></td><td>/ru/front-end/css-reference/properties/border-color</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/css-reference/properties/border-color" rel="nofollow" target="_blank">Справочник по CSS — border-color \| База знаний IT</a></noindex><br>8 дек. 2022 г. — border-color . Устанавливает цвет границы на разных сторонах элемента. Свойство позволяет задать цвет границы сразу для всех сторон элемента или ...</div></td></tr> </tbody> </table> </div> <div class="pagination" id="googlePagination"> <button disabled onclick="loadSearchPhrases('google', 0)">«</button> <button class="active" onclick="loadSearchPhrases('google', 1)">1</button> <button class="" onclick="loadSearchPhrases('google', 2)">2</button> <button class="" onclick="loadSearchPhrases('google', 3)">3</button> <button disabled="">...</button> <button class="" onclick="loadSearchPhrases('google', 8)">8</button> <button class="" onclick="loadSearchPhrases('google', 9)">9</button> <button onclick="loadSearchPhrases('google', 2)">»</button> </div> </div> </div> <script> // Google Charts for google google.charts.setOnLoadCallback(drawChart_google); function drawChart_google() { var data = new google.visualization.DataTable(); data.addColumn('date', 'Dag'); data.addColumn("number", "title meta http equiv content");data.addColumn("number", "inline фреймы");data.addColumn("number", "href");data.addColumn("number", "iframe src id");data.addColumn("number", "справочник id");data.addColumn("number", "html end");data.addColumn("number", "a href");data.addColumn("number", "min html");data.addColumn("number", "li элемент");data.addColumn("number", "цвет границы"); data.addRows([ [new Date(2025, 9, 28),null,5,null,null,null,null,null,null,null,null,],[new Date(2025, 10, 25),null,null,6,null,null,null,8,null,null,null,],[new Date(2025, 10, 26),null,null,null,null,null,null,null,null,null,9,],[new Date(2025, 10, 27),null,null,null,6,null,null,null,null,null,null,],[new Date(2025, 6, 7),null,null,null,null,null,null,null,null,9,null,],[new Date(2025, 7, 10),null,null,null,null,null,7,null,null,null,null,],[new Date(2025, 7, 20),null,null,null,null,null,null,null,9,null,null,],[new Date(2025, 7, 21),null,null,null,null,7,null,null,null,null,null,],[new Date(2025, 7, 23),4,null,null,null,null,null,null,null,null,null,], ]); var options = { chart: { title: 'Zoektermen waarvan het domein bovenaan staat google zoekmachine: "itwiki.dev"', subtitle: 'Geschiedenis van zinsposities' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: 'Positie', }, hAxis: { title: 'Datum', }, }; var chart = new google.visualization.LineChart(document.getElementById("chart_div_google")); chart.draw(data, options); } </script> <!-- Yandex Positions --> <div class="chart-container"> <h2 class="chart-title">Posities binnen Yandex</h2> <div id="chart_div_yandex" style="width: 100%; height: 400px;"></div> </div> <!-- Yandex Search Phrases --> <div class="card"> <div class="card-header"> <h2 class="card-title">Zoek zinnen - Yandex</h2> <div class="card-icon">🔍</div> </div> <div class="card-content"> <div class="filters"> <div class="filter-group"> <label class="filter-label" for="yandexPhraseFilter">Zin:</label> <input type="text" id="yandexPhraseFilter" class="filter-input" placeholder="Filter op zin"> </div> <div class="filter-group"> <label class="filter-label" for="yandexPageFilter">Pagina:</label> <input type="text" id="yandexPageFilter" class="filter-input" placeholder="Filter op pagina"> </div> <div class="filter-group"> <label class="filter-label"> </label> <button class="cta-button" onclick="applyFilters('yandex')">Filter toepassen</button> </div> </div> <div class="table-responsive"> <table class="data-table" id="yandexPhrasesTable"> <thead> <tr> <th>Positie</th> <th>Zin</th> <th>Pagina</th> <th>Fragment</th> </tr> </thead> <tbody id="yandexPhrasesBody"> <tr><td><span class="badge badge-warning">10</span></td><td><noindex><a href="/nl/phrase/dl/" rel="nofollow">dl</a></noindex></td><td>/ru/front-end/html-reference/tags/dl</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Toon fragment</button><div class="snippet" style="display: none;"><noindex><a href="https://itwiki.dev//ru/front-end/html-reference/tags/dl" rel="nofollow" target="_blank">Справочник по HTML — dl \| База знаний IT</a></noindex><br>Элемент (от англ. description list — список описаний) входит в тройку элементов , , , предназначенных для создания списка описаний. Каждый такой список...</div></td></tr> </tbody> </table> </div> <div class="pagination" id="yandexPagination"> <button disabled onclick="loadSearchPhrases('yandex', 0)">«</button> <button class="active" onclick="loadSearchPhrases('yandex', 1)">1</button> <button disabled onclick="loadSearchPhrases('yandex', 2)">»</button> </div> </div> </div> <script> // Google Charts for yandex google.charts.setOnLoadCallback(drawChart_yandex); function drawChart_yandex() { var data = new google.visualization.DataTable(); data.addColumn('date', 'Dag'); data.addColumn("number", "dl"); data.addRows([ [new Date(2025, 8, 29),10,], ]); var options = { chart: { title: 'Zoektermen waarvan het domein bovenaan staat yandex zoekmachine: "itwiki.dev"', subtitle: 'Geschiedenis van zinsposities' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: 'Positie', }, hAxis: { title: 'Datum', }, }; var chart = new google.visualization.LineChart(document.getElementById("chart_div_yandex")); chart.draw(data, options); } </script> <!-- Additional Services --> <div class="card"> <div class="card-header"> <h2 class="card-title">Aanvullende diensten</h2> <div class="card-icon">💎</div> </div> <div class="card-content"> <div class="info-grid"> <div class="info-item"> <span class="popup-trigger" alt="Volledige SEO-audit met gedetailleerde aanbevelingen"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_seo_pay" data-payment-item-id="8833422" data-title="Volledige SEO-audit itwiki.dev" data-text="Volledige SEO-audit met gedetailleerde aanbevelingen voor het verbeteren van de posities in zoekmachines." data-price="99.99"> Volledige SEO-audit </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="Maandelijkse positiebewaking voor 100 sleutelzinnen"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_position_pay" data-payment-item-id="8833422" data-title="Positiebewaking itwiki.dev" data-text="Maandelijkse positiemonitoring voor 100 sleutelzinnen in Google en Yandex." data-price="49.99"> Positiebewaking </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="Analyse van concurrenten en identificatie van hun promotiestrategieën"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_analiz_pay" data-payment-item-id="8833422" data-title="Analyse van concurrenten itwiki.dev" data-text="Analyse van concurrenten en identificatie van hun promotiestrategieën." data-price="79.99"> Analyse van concurrenten </button> <span class="popup-text"></span> </span> </div> </div> </div> </div> <!-- Search Engine Positions --> <!-- Load Google Charts --> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script> // Load Google Charts google.charts.load('current', {'packages':['corechart', 'line']}); </script> <script> // Google Charts loader (already in your HTML) google.charts.load('current', {'packages':['corechart', 'line']}); // Global variable to store chart instances let chartInstances = {}; // AJAX function for loading search phrases with pagination/filtering function loadSearchPhrases(engine, page) { const phraseFilterEl = document.getElementById(`${engine}PhraseFilter`); const pageFilterEl = document.getElementById(`${engine}PageFilter`); const phraseFilter = phraseFilterEl ? phraseFilterEl.value : ''; const pageFilter = pageFilterEl ? pageFilterEl.value : ''; const domain = document.getElementById('domain_name').value; const data = { type: 'search_phrases', engine: engine, page: page, domain: domain, phrase_filter: phraseFilter, page_filter: pageFilter }; // Show loading state for table const tbody = document.getElementById(`${engine}PhrasesBody`); if (tbody) { tbody.innerHTML = ` <tr> <td colspan="4" style="text-align: center; padding: 2rem;"> <div class="loading-spinner"></div> <p>Loading data...</p> </td> </tr> `; } // Show loading state for chart const chartContainer = document.getElementById(`chart_div_${engine}`); if (chartContainer) { chartContainer.innerHTML = ` <div style="text-align: center; padding: 4rem;"> <div class="loading-spinner"></div> <p>Updating chart...</p> </div> `; } sendRequest('/ajax/', data, function(response) { if (response.status === 'ok') { updateTableContent(engine, response.data); updatePagination(engine, response.pagination); // Generate and update chart with new data if (response.data && response.data.length > 0) { const chartData = generateChartData(response.data, engine); updateChart(engine, chartData); } else { // Hide chart if no data const chartContainerDiv = document.getElementById(`chart_container_${engine}`); if (chartContainerDiv) { chartContainerDiv.style.display = 'none'; } } } else { showErrorInTable(engine, response.error); } }); } // Generate chart data from API response function generateChartData(phrasesData, engine) { const chartData = { js_addColumn_str: '', js_dataRows_str: '' }; if (!phrasesData \|\| phrasesData.length === 0) { return chartData; } // Parse all phrases and their history const allPhrases = []; const allHistory = []; phrasesData.forEach(item => { const pages = parsePageData(item.page_data); const titles = parseContentData(item.title_data); const snippets = parseContentData(item.snippet_data); const history = parsePositionHistory(item.position_history, pages, titles, snippets); if (history.length > 0) { allPhrases.push(item.phrase); allHistory.push({ phrase: item.phrase, history: history }); } }); if (allHistory.length === 0) { return chartData; } // Collect all unique days const allDays = new Set(); allHistory.forEach(item => { item.history.forEach(h => { allDays.add(h.day); }); }); // Sort days in ascending order const sortedDays = Array.from(allDays).sort((a, b) => a - b); // Generate columns chartData.js_addColumn_str = 'data.addColumn("date", "Day")\n'; allPhrases.forEach(phrase => { const label = phrase.length > 30 ? phrase.substring(0, 27) + '...' : phrase; chartData.js_addColumn_str += `data.addColumn("number", "${label}")\n`; }); // Count how many columns we should have const expectedColumnCount = 1 + allPhrases.length; // Generate data rows const dataRows = []; sortedDays.forEach(day => { // Convert day number to Date object const date = new Date(day * 86400 * 1000); // Create row array const row = [date]; // Add position for EACH phrase on this day allHistory.forEach(item => { const history = item.history; const entry = history.find(h => h.day === day); row.push(entry ? entry.position : null); }); // Adjust row length if needed if (row.length !== expectedColumnCount) { while (row.length < expectedColumnCount) { row.push(null); } while (row.length > expectedColumnCount) { row.pop(); } } dataRows.push(row); }); // Format rows for Google Charts if (dataRows.length > 0) { const rowStrings = dataRows.map(row => { const formattedRow = row.map((value, index) => { if (index === 0 && value instanceof Date) { const year = value.getFullYear(); const month = value.getMonth(); const day = value.getDate(); return `new Date(${year}, ${month}, ${day})`; } return value; }); return JSON.stringify(formattedRow); }); chartData.js_dataRows_str = rowStrings.join(',\n'); chartData.js_dataRows_str = chartData.js_dataRows_str.replace(/"new Date$(\d+), (\d+), (\d+)$"/g, 'new Date($1, $2, $3)'); } return chartData; } // Update chart with new data function updateChart(engine, chartData) { if (!chartData \|\| !chartData.js_dataRows_str \|\| !chartData.js_addColumn_str) { console.warn(`No chart data for ${engine}`); const chartContainerDiv = document.getElementById(`chart_container_${engine}`); if (chartContainerDiv) { chartContainerDiv.style.display = 'none'; } return; } // Show chart container const chartContainerDiv = document.getElementById(`chart_container_${engine}`); if (chartContainerDiv) { chartContainerDiv.style.display = 'block'; } // Check if Google Charts is loaded if (typeof google === 'undefined' \|\| typeof google.visualization === 'undefined') { console.warn('Google Charts not loaded yet'); google.charts.load('current', {'packages':['corechart', 'line']}); google.charts.setOnLoadCallback(function() { setTimeout(() => { drawChart(engine, chartData); }, 100); }); } else { setTimeout(() => { drawChart(engine, chartData); }, 100); } } // Draw chart function function drawChart(engine, chartData) { try { const chartContainer = document.getElementById(`chart_div_${engine}`); // Check if chart container exists if (!chartContainer) { console.warn(`Chart container for ${engine} not found`); return; } var data = new google.visualization.DataTable(); // Add date column data.addColumn('date', 'Day'); // Parse and add data columns const columns = chartData.js_addColumn_str.split('\n').filter(line => line.trim() !== ''); columns.forEach(col => { const match = col.match(/data\.addColumn$"(\w+)",\s"([^"]+)"$/); if (match) { const type = match[1]; const label = match[2]; if (type === 'date' && label === 'Day') { return; } data.addColumn(type, label); } }); // Parse data rows const rowsStr = chartData.js_dataRows_str.trim(); if (rowsStr && rowsStr !== '[]') { try { const rows = eval(`[${rowsStr}]`); // Adjust rows if needed const adjustedRows = rows.map(row => { if (!Array.isArray(row)) { return new Array(data.getNumberOfColumns()).fill(null); } if (row.length === data.getNumberOfColumns()) { return row; } const adjusted = new Array(data.getNumberOfColumns()).fill(null); // Copy available values const copyCount = Math.min(row.length, data.getNumberOfColumns()); for (let i = 0; i < copyCount; i++) { adjusted[i] = row[i]; } return adjusted; }); data.addRows(adjustedRows); } catch (e) { console.error(`Error parsing data rows:`, e); return; } } const domainName = document.getElementById('domain_name').value; const engineName = engine.charAt(0).toUpperCase() + engine.slice(1); var options = { chart: { title: `Search phrases for which the domain is at the top of the ${engine} search engine: "${domainName}"`, subtitle: 'Phrase position history' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom', maxLines: 3 }, pointSize: 3, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: -1, title: 'Position', viewWindow: { min: 1, max: 100 }, ticks: [ {v: 1, f: '1'}, {v: 10, f: '10'}, {v: 20, f: '20'}, {v: 30, f: '30'}, {v: 50, f: '50'}, {v: 100, f: '100'} ] }, hAxis: { title: 'Date', format: 'MMM yyyy' }, }; // Store chart instance for potential future updates const chart = new google.visualization.LineChart(chartContainer); chartInstances[engine] = chart; chart.draw(data, options); } catch (error) { console.error(`Error drawing chart for ${engine}:`, error); } } // Parse functions (same as before) function parsePageData(pageDataStr) { const pages = {}; if (!pageDataStr \|\| pageDataStr.trim() === '') return pages; try { const pageItems = pageDataStr.split(';'); pageItems.forEach(item => { if (item.trim()) { const parts = item.split(':'); if (parts.length >= 2) { const id = parts[0].trim(); const page = parts.slice(1).join(':'); if (id) { pages[id] = decodeURIComponent(page).replace(/\+/g, ' '); } } } }); } catch (e) { console.error('Error parsing page data:', e); } return pages; } function parseContentData(contentDataStr) { const content = {}; if (!contentDataStr \|\| contentDataStr.trim() === '') return content; try { const items = contentDataStr.split(';'); items.forEach(item => { if (item.trim()) { const parts = item.split(':'); if (parts.length >= 2) { const id = parts[0].trim(); const value = parts.slice(1).join(':'); if (id) { let decodedValue; try { decodedValue = decodeURIComponent(value); decodedValue = decodedValue.replace(/\\x([0-9A-Fa-f]{2})/g, (match, hex) => String.fromCharCode(parseInt(hex, 16)) ); } catch (e) { decodedValue = value; } content[id] = decodedValue; } } } }); } catch (e) { console.error('Error parsing content data:', e); } return content; } function parsePositionHistory(historyStr, pages, titles, snippets) { const history = []; if (!historyStr \|\| historyStr.trim() === '') return history; try { const entries = historyStr.split(';'); entries.forEach(entry => { if (entry.trim()) { const parts = entry.split(':'); if (parts.length >= 3) { const day = parseInt(parts[0]); const position = parseInt(parts[1]); const pageId = parts[2]; const titleId = parts[3] \|\| ''; const snippetId = parts[4] \|\| ''; if (!isNaN(day) && !isNaN(position)) { history.push({ day: day, position: position, page: pages[pageId] \|\| '', title: titles[titleId] \|\| '', snippet: snippets[snippetId] \|\| '' }); } } } }); history.sort((a, b) => a.day - b.day); } catch (e) { console.error('Error parsing position history:', e); } return history; } // Update table content with AJAX response function updateTableContent(engine, data) { const tbody = document.getElementById(`${engine}PhrasesBody`); if (!tbody) return; let tableRows = ''; const domain = document.getElementById('domain_name').value; data.forEach(item => { const pages = parsePageData(item.page_data); const titles = parseContentData(item.title_data); const snippets = parseContentData(item.snippet_data); const history = parsePositionHistory(item.position_history, pages, titles, snippets); const latestEntry = history.length > 0 ? history[history.length - 1] : null; const position = latestEntry ? latestEntry.position : null; const page = latestEntry ? latestEntry.page : ''; const title = latestEntry ? latestEntry.title : ''; const snippet = latestEntry ? latestEntry.snippet : ''; let change = null; if (history.length >= 2) { const previousEntry = history[history.length - 2]; if (previousEntry && position !== null && previousEntry.position !== null) { change = previousEntry.position - position; } } const badgeClass = getPositionBadgeClass(position); const positionHtml = position ? `<span class="badge ${badgeClass}">${position}</span>` : '<span class="badge">N/A</span>'; const changeHtml = change !== null && change !== 0 ? `<span class="position-change ${change > 0 ? 'positive' : 'negative'}">(${change > 0 ? '+' : ''}${change})</span>` : ''; const hasTitle = title && title.trim() !== ''; const hasSnippet = snippet && snippet.trim() !== ''; const showSnippet = hasTitle \|\| hasSnippet; let snippetHtml = ''; if (showSnippet) { snippetHtml = ` <button class="show-snippet-btn" onclick="toggleSnippet(this)">Show snippet</button> <div class="snippet" style="display: none;"> <noindex><a href="https://${domain}${escapeHtml(page)}" rel="nofollow" target="_blank"> ${hasTitle ? `<strong>${escapeHtml(title)}</strong><br>` : ''} </a></noindex> ${hasSnippet ? escapeHtml(snippet) : ''} </div> `; } else { snippetHtml = '<span style="color: var(--gray);">-</span>'; } tableRows += ` <tr> <td>${positionHtml}${changeHtml}</td> <td><noindex><a href="/en/phrase/${encodeURIComponent(item.phrase)}/" rel="nofollow">${escapeHtml(item.phrase)}</a></noindex></td> <td>${escapeHtml(page)}</td> <td>${snippetHtml}</td> </tr> `; }); tbody.innerHTML = tableRows; } // Update pagination with AJAX response function updatePagination(engine, pagination) { const paginationContainer = document.getElementById(`${engine}Pagination`); if (!paginationContainer) return; const { current_page, total_pages, has_previous, has_next } = pagination; let paginationButtons = ''; if (total_pages > 1) { // Previous button paginationButtons += `<button ${!has_previous ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${current_page - 1})">«</button>`; // First page paginationButtons += `<button class="${current_page === 1 ? 'active' : ''}" ${current_page === 1 ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', 1)">1</button>`; // Calculate range let startPage = Math.max(2, current_page - 2); let endPage = Math.min(total_pages - 1, current_page + 2); if (current_page <= 3) { endPage = Math.min(total_pages - 1, 5); } if (current_page >= total_pages - 2) { startPage = Math.max(2, total_pages - 4); } if (startPage > 2) { paginationButtons += `<button disabled>...</button>`; } for (let i = startPage; i <= endPage; i++) { const activeClass = i === current_page ? 'active' : ''; const disabledAttr = i === current_page ? 'disabled' : ''; paginationButtons += `<button class="${activeClass}" ${disabledAttr} onclick="loadSearchPhrases('${engine}', ${i})">${i}</button>`; } if (endPage < total_pages - 1) { paginationButtons += `<button disabled>...</button>`; } if (total_pages > 1) { paginationButtons += `<button class="${current_page === total_pages ? 'active' : ''}" ${current_page === total_pages ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${total_pages})">${total_pages}</button>`; } // Next button paginationButtons += `<button ${!has_next ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${current_page + 1})">»</button>`; } paginationContainer.innerHTML = paginationButtons; } // Show error in table function showErrorInTable(engine, errorMessage) { const tbody = document.getElementById(`${engine}PhrasesBody`); if (tbody) { tbody.innerHTML = ` <tr> <td colspan="4" style="text-align: center; padding: 2rem; color: var(--danger);"> <div style="margin-bottom: 1rem;"> <span style="font-size: 2rem;">❌</span> </div> <p><strong>Error loading data:</strong></p> <p>${escapeHtml(errorMessage)}</p> <button class="toggle-btn" onclick="loadSearchPhrases('${engine}', 1)" style="margin-top: 1rem;"> Retry </button> </td> </tr> `; } } // Helper functions function escapeHtml(text) { if (!text) return ''; const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } function getPositionBadgeClass(position) { if (!position) return 'badge'; if (position <= 3) return 'badge-success'; if (position <= 10) return 'badge-warning'; return 'badge-danger'; } function toggleSnippet(button) { const snippet = button.nextElementSibling; const isVisible = snippet.style.display === 'block'; snippet.style.display = isVisible ? 'none' : 'block'; button.textContent = isVisible ? 'Show snippet' : 'Hide snippet'; } // Filter functions function applyFilters(engine) { loadSearchPhrases(engine, 1); } function clearFilters(engine) { const phraseFilterEl = document.getElementById(`${engine}PhraseFilter`); const pageFilterEl = document.getElementById(`${engine}PageFilter`); if (phraseFilterEl) phraseFilterEl.value = ''; if (pageFilterEl) pageFilterEl.value = ''; loadSearchPhrases(engine, 1); } // Initialize filter events on page load document.addEventListener('DOMContentLoaded', function() { // Initialize enter key for filter inputs ['google', 'yandex'].forEach(engine => { const phraseFilter = document.getElementById(`${engine}PhraseFilter`); const pageFilter = document.getElementById(`${engine}PageFilter`); if (phraseFilter) { phraseFilter.addEventListener('keypress', function(e) { if (e.key === 'Enter') { applyFilters(engine); } }); } if (pageFilter) { pageFilter.addEventListener('keypress', function(e) { if (e.key === 'Enter') { applyFilters(engine); } }); } }); // Load Google Charts google.charts.load('current', {'packages':['corechart', 'line']}); // Initial chart drawing for server-side data google.charts.setOnLoadCallback(function() { // You might want to extract chart data from initial server-side render // or make an initial AJAX call to get chart data for page 1 }); }); // AJAX request function function sendRequest(url, data, callback) { const xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 200) { try { const response = JSON.parse(xhr.responseText); callback(response); } catch (e) { console.error("JSON parse error:", e); callback({status: 'error', error: 'Invalid response from server'}); } } else { callback({status: 'error', error: 'Server error: ' + xhr.status}); } } }; xhr.send(JSON.stringify(data)); } </script> </div> <!-- Footer --> <footer> <div class="footer-container"> <div class="footer-content"> <div class="footer-section"> <h3>About serpulse.com</h3> <div class="footer-info"> <p>Professioneel hulpmiddel voor zoekmachineanalyse, positiemonitoring en SEO-optimalisatie.</p> <p style="margin-top: 1rem;"><strong>Skynet360 LP.</strong></p> <p><strong>Company No:</strong> SL027564</p> <p><strong>Address:</strong> Suite 1 4 Queen Street, Edinburgh, Scotland, EH2 1JE</p> </div> </div> <div class="footer-section"> <h3>Quick Links</h3> <ul class="footer-links"> <li><a href="/nl/">Thuis</a></li> <li><a href="/nl/profile/">Profiel</a></li> <li><a href="/nl/tasks/">Taken bewaken</a></li> <li><a href="/nl/api_docs/">API-documentatie</a></li> <li><a href="/nl/team/">Ons team</a></li> </ul> </div> <div class="footer-section"> <h3>Resources</h3> <ul class="footer-links"> <!--<li><a href="#">Documentatie</a></li>--> <li><a href="/nl/blogs/">Bloggen</a></li> <li><a href="/nl/faq/">Veelgestelde vragen</a></li> <li><a href="/nl/support/">Steun</a></li> </ul> </div> <div class="footer-section"> <h3>Contacts</h3> <div class="footer-info"> <p>Email: <a href="mailto:info@serpuls.com">info@serpuls.com</a></p> <p>Telegram: <a href="https://t.me/serpulse_support">@serpulse_support</a></p> <div class="social-links"> <a href="#" class="social-link" title="Telegram">📱</a> <a href="https://github.com/SkyNetJose/serpuls" class="social-link" title="GitHub">💻</a> <a href="#" class="social-link" title="Twitter">🐦</a> </div> </div> </div> </div> <div class="footer-bottom"> <p class="copyright">© 2026 serpuls.com. All rights reserved. Skynet360 LP.</p> <div class="footer-bottom-links"> <a href="/nl/privacy/">Privacybeleid</a> <a href="/nl/terms/">Gebruiksvoorwaarden</a> <a href="/nl/agreement/">Gebruikersovereenkomst</a> <a href="/nl/cookie/">Cookiebeleid</a> </div> </div> </div> </footer> <!-- Updated Payment Modal HTML --> <div class="modal" id="paymentModal"> <div class="modal-content"> <span class="close-btn">×</span> <div class="modal-success" id="paymentSuccess"> <div class="success-icon">✓</div> <h3>Платеж успешен!</h3> <p>Спасибо за ваш заказ. Мы свяжемся с вами в ближайшее время.</p> <button class="cta-button" onclick="closeModal('paymentModal')">Закрывать</button> </div> <form id="paymentForm" onsubmit="return processPayment(event)"> <h2 class="modal-title" id="modalTitle">Оплата за услугу</h2> <p class="modal-text" id="modalText">Описание услуги</p> <!-- Hidden fields for payment type and ID --> <input type="hidden" id="paymentType" name="payment_type" value=""> <input type="hidden" id="paymentItemId" name="payment_item_id" value=""> <!-- Payment Options --> <div class="payment-options" id="paymentOptions"> <!-- Options will be dynamically generated here --> </div> <!-- Manual Price Input (Optional) - Now dynamically shown based on config --> <div class="form-group" id="manualPriceGroup" style="display: none;"> <label for="manualPrice">Введите сумму (USD):</label> <input type="number" id="manualPrice" class="form-control" placeholder="Введите сумму" min="1" max="10000" step="0.01" oninput="updateManualPrice(this.value)"> <div class="error-message" id="manualPriceError"></div> </div> <!-- Custom Price Option Toggle - Now dynamically shown --> <div class="form-group" id="customPriceToggle" style="display: none; margin-bottom: 1rem;"> <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;"> <input type="radio" id="customPriceRadio" name="paymentOption" value="custom" onchange="toggleCustomPriceSelection(this.checked)"> Указать свою сумму </label> </div> <div class="form-group"> <label for="modalName">Имя:</label> <input type="text" id="modalName" class="form-control" placeholder="Введите свое имя" required> <div class="error-message" id="modalNameError"></div> </div> <div class="form-group"> <label for="modalEmail">Электронная почта:</label> <input type="email" id="modalEmail" class="form-control" placeholder="Введите адрес электронной почты" required> <div class="error-message" id="modalEmailError"></div> </div> <p class="modal-price" id="modalPrice">Цена: $0.00</p> <button type="submit" class="cta-button" id="payButton">Платить $0.00</button> </form> </div> </div> <!-- Redirect Modal (for iframe) --> <div class="modal" id="redirectModal"> <div class="modal-content modal-large"> <span class="close-btn">×</span> <h2 class="modal-title">Betaling</h2> <iframe id="redirectIframe" class="modal-iframe" src=""> × Авторизоваться Зарегистрироваться Войти в аккаунт Электронная почта: Пароль: Или войдите через Telegram Зарегистрироваться через Telegram Имя: Электронная почта: Как это работает: Введите имя и email выше Нажмите кнопку для открытия Telegram Завершите регистрацию в боте (потребуется номер телефона) Получите email с данными для входа × 🔐 Код подтверждения Код был отправлен в Telegram. Введите его ниже: Код действителен: 05:00 × 📱 Завершите регистрацию в Telegram Telegram был открыт в новой вкладке. Если бот не открылся автоматически, используйте кнопку ниже или отсканируйте QR-код. Отсканируйте QR-код для открытия бота Ожидание подтверждения... 05:00 Как это работает:* 1. Нажмите "Открыть Telegram" или отсканируйте QR-код 2. В боте нажмите START и поделитесь номером телефона 3. Статус подтверждения обновится автоматически × 📧 Подтверждение Email Мы отправили письмо с подтверждением на ваш email Код подтверждения: 🔍 Проверяем статус подтверждения... ×

itwiki.dev

itwiki.dev Schermafbeelding van website

Belangrijkste informatie

Serverinformatie

Lijst metatags

Interne koppelingen

Externe koppelingen

Whois-informatie

Whois onbewerkte gegevens

Robots.txt

SEO-audit

Technische SEO

SEO op de pagina

Inhoud en UX

Posities binnen Google

Zoek zinnen - Google

Войти в аккаунт

Зарегистрироваться через Telegram

Как это работает:

Код подтверждения

Завершите регистрацию в Telegram

Подтверждение Email