Informations principales

ℹ️

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

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

Mots-clés: empty

Encodage des pages: utf-8

Taille du fichier de page: 142 KB

Informations sur le serveur

🖥️

IP: 78.47.64.83

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

Serveur HTTP: nginx

Codage: utf-8

Liste des balises méta

🏷️

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

Liens internes

🔗

Liens externes

🌐

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

Informations Whois

📄

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

Données brutes Whois

📋

            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

Audit SEO

🔍

Référencement technique

✓

Code de réponse

200

Statut 200 OK - la page se charge correctement.

✓

Codage des caractères

Page: utf-8, Header: utf-8

Codage des caractères cohérent entre le HTML et les en-têtes.

✓

Taille des pages

146025 bytes

Taille de page acceptable pour un chargement rapide.

✓

Ressources

31 total

Nombre modéré de ressources. Pensez à combiner des fichiers.

✓

Hreflang balises

2 hreflang tags

Balises Hreflang trouvées pour le référencement multilingue.

✓

Robots.txt

Exists

Fichier Robots.txt trouvé.

✓

Sitemap

Declared in robots.txt

Plan du site déclaré dans robots.txt.

✓

HTTPS

Yes

Connexion HTTPS sécurisée activée.

✓

Compression

gzip

Compression Gzip ou Zstd activée pour un chargement plus rapide.

!

Mise en cache

Not set

Ajoutez des en-têtes de contrôle du cache pour améliorer la vitesse de chargement des visiteurs qui reviennent.

✓

Vitesse des pages

1.00 ms

Excellente vitesse de chargement.

Référencement sur la page

!

Titre

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

Titre trop court. Développez jusqu'à 30 à 60 caractères pour un meilleur référencement.

!

Méta-description

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

Méta description trop courte. Développez jusqu'à 100-160 caractères.

!

Titre H1

0 found - ""

Ajoutez exactement un titre H1 avec des mots-clés principaux.

!

Nombre de mots

213

Contenu très court. Visez au moins 500 mots pour un meilleur référencement.

!

Balise canonique

Ajoutez une balise canonique pour éviter les problèmes de contenu en double.

✓

Méta en double

[]

Aucune balise méta en double trouvée.

✓

Mots-clés

empty

Ensemble de méta-mots-clés (remarque : non utilisé par les principaux moteurs de recherche).

Contenu et UX

✓

Langue

uk

Attribut de langue correctement défini.

!

Images

1 total, 1 missing ALT

Ajoutez du texte ALT aux images pour l'accessibilité et le référencement.

✓

Fenêtre

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

Balise méta Viewport correctement définie pour les appareils mobiles.

✓

Ouvrir le graphique

All OG tags present.

Toutes les balises OpenGraph essentielles présentes.

!

Données structurées

0 JSON-LD scripts

Ajoutez des données structurées (JSON-LD) pour des extraits enrichis et un meilleur référencement.

Expressions de recherche - Google

🔍

Position	Phrase	Page	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="/fr/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)">Afficher l'extrait</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="/fr/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)">Afficher l'extrait</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="/fr/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)">Afficher l'extrait</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="/fr/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)">Afficher l'extrait</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="/fr/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)">Afficher l'extrait</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="/fr/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)">Afficher l'extrait</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="/fr/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)">Afficher l'extrait</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="/fr/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)">Afficher l'extrait</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', 'Jour'); 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: 'Expressions de recherche pour lesquelles le domaine se trouve en haut de la page google moteur de recherche: "itwiki.dev"', subtitle: 'Historique des positions des phrases' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: 'Position', }, hAxis: { title: 'Date', }, }; 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">Postes dans 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">Expressions de recherche - 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">Phrase:</label> <input type="text" id="yandexPhraseFilter" class="filter-input" placeholder="Filtrer par expression"> </div> <div class="filter-group"> <label class="filter-label" for="yandexPageFilter">Page:</label> <input type="text" id="yandexPageFilter" class="filter-input" placeholder="Filtrer par page"> </div> <div class="filter-group"> <label class="filter-label"> </label> <button class="cta-button" onclick="applyFilters('yandex')">Appliquer le filtre</button> </div> </div> <div class="table-responsive"> <table class="data-table" id="yandexPhrasesTable"> <thead> <tr> <th>Position</th> <th>Phrase</th> <th>Page</th> <th>Fragment</th> </tr> </thead> <tbody id="yandexPhrasesBody"> <tr><td><span class="badge badge-warning">10</span></td><td><noindex><a href="/fr/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)">Afficher l'extrait</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', 'Jour'); data.addColumn("number", "dl"); data.addRows([ [new Date(2025, 8, 29),10,], ]); var options = { chart: { title: 'Expressions de recherche pour lesquelles le domaine se trouve en haut de la page yandex moteur de recherche: "itwiki.dev"', subtitle: 'Historique des positions des phrases' }, width: '100%', height: 400, curveType: 'function', legend: { position: 'bottom' }, pointSize: 5, pointsVisible: true, interpolateNulls: true, selectionMode: 'multiple', vAxis: { direction: '-1', title: 'Position', }, hAxis: { title: 'Date', }, }; 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">Services supplémentaires</h2> <div class="card-icon">💎</div> </div> <div class="card-content"> <div class="info-grid"> <div class="info-item"> <span class="popup-trigger" alt="Audit SEO complet avec recommandations détaillées"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_seo_pay" data-payment-item-id="8833422" data-title="Audit SEO complet itwiki.dev" data-text="Audit SEO complet avec des recommandations détaillées pour améliorer les positions dans les moteurs de recherche." data-price="99.99"> Audit SEO complet </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="Suivi de position mensuel pour 100 phrases clés"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_position_pay" data-payment-item-id="8833422" data-title="Surveillance de position itwiki.dev" data-text="Surveillance mensuelle de la position pour 100 phrases clés dans Google et Yandex." data-price="49.99"> Surveillance de position </button> <span class="popup-text"></span> </span> </div> <div class="info-item"> <span class="popup-trigger" alt="Analyse des concurrents et identification de leurs stratégies de promotion"> <button class="cta-button" data-modal="paymentModal" data-payment-type="domain_analiz_pay" data-payment-item-id="8833422" data-title="Analyse des concurrents itwiki.dev" data-text="Analyse des concurrents et identification de leurs stratégies de promotion." data-price="79.99"> Analyse des concurrents </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>Outil professionnel pour l'analyse des moteurs de recherche, le suivi de position et l'optimisation du référencement.</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="/fr/">Maison</a></li> <li><a href="/fr/profile/">Profil</a></li> <li><a href="/fr/tasks/">Tâches de surveillance</a></li> <li><a href="/fr/api_docs/">Documentation API</a></li> <li><a href="/fr/team/">Notre équipe</a></li> </ul> </div> <div class="footer-section"> <h3>Resources</h3> <ul class="footer-links"> <!--<li><a href="#">Documentation</a></li>--> <li><a href="/fr/blogs/">Blogue</a></li> <li><a href="/fr/faq/">FAQ</a></li> <li><a href="/fr/support/">Soutien</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="/fr/privacy/">politique de confidentialité</a> <a href="/fr/terms/">Conditions d'utilisation</a> <a href="/fr/agreement/">Contrat d'utilisation</a> <a href="/fr/cookie/">Politique de cookies</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">Paiement</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 Capture d'écran du site Web

Informations principales

Informations sur le serveur

Liste des balises méta

Liens internes

Liens externes

Informations Whois

Données brutes Whois

Robots.txt

Audit SEO

Référencement technique

Référencement sur la page

Contenu et UX

Postes dans Google

Expressions de recherche - Google

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

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

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

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

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

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