webseite Archiv - Homepage nach Preis - Webseite erstellen lassen

WordPress Plugin multisprachig erstellen

Homepage-nach-Preis — Sun, 16 Jul 2023 23:08:51 +0000

Um ein WordPress Plugin multisprachig zu machen und Translationstrings (esc_html__) sowie eine Textdomain zu verwenden, kannst du den folgenden Anleitungsschritten folgen:

1. Definiere die Textdomain für dein Plugin. Füge den folgenden Code am Anfang deiner Plugin-Haupt-Datei hinzu:

   /**
    * Plugin Name: Mein Plugin
    * Text Domain: mein-plugin-textdomain
    */

2. Erstelle eine Übersetzungsdatei (`.pot`) für dein Plugin. Du kannst ein Übersetzungsprogramm wie Poedit oder Loco-Translate verwenden.

3. Füge Translationstrings (`esc_html__`) in deinen Plugin-Code ein. Hier ist ein Beispiel:

   echo esc_html__('Willkommen auf meiner Website', 'mein-plugin-textdomain');

Stelle sicher, dass du bei allen Strings dieselbe Textdomain (`mein-plugin-textdomain`) verwendest.

4. Erstelle Übersetzungsdateien für jede Sprache, die du unterstützen möchtest. Du kannst die .pot-Datei als Vorlage verwenden und Übersetzungen für jede Sprache hinzufügen. Speichere die Übersetzungsdateien anschließend im Ordner Languages deines Plugins. Der Ordner sollte – im besten Fall – im Hauptverzeichnis des Plugins sein.

5. Lade die Übersetzungsdateien in dein Plugin. Füge den folgenden Code in die Plugin-Datei ein:

   function mein_plugin_load_textdomain() {
       load_plugin_textdomain('mein-plugin-textdomain', false, dirname(plugin_basename(__FILE__)) . '/languages');
   }
   add_action('plugins_loaded', 'mein_plugin_load_textdomain');

Stelle sicher, dass du die korrekte Textdomain (`mein-plugin-textdomain`) und den Pfad zu deinem Language-Ordner verwendest.

6. Übersetze deine Texte in den Übersetzungsdateien für die verschiedenen Sprachen.

Das war’s! Mit diesen Schritten kannst du dein WordPress Plugin multisprachig machen. Stelle aber sicher, dass du die Übersetzungen für die gewünschten Sprachen in den entsprechenden Übersetzungsdateien (.MO / .PO / .POT) bereitstellst.

Der Beitrag WordPress Plugin multisprachig erstellen erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Cookie & SQL basiertes Authentifizierungssystem

Homepage-nach-Preis — Sun, 25 Jun 2023 23:01:32 +0000

Unser Ansatz basiert auf einer SQL-basierten AUTH-Methode, die Cookies (Tokens) verwendet, da herkömmliche Cookies nicht server- oder domänenübergreifend funktionieren und aus Sicherheitsgründen nicht für Login- oder Session-Funktionen verwendet werden sollten. Hier ist eine Beschreibung, wie unser Ansatz funktioniert:

1. Wenn ein Benutzer auf Domain A / Server 1 einen speziellen Button betätigt, werden Cookies mit eindeutigen Token-Werten erstellt. Diese Token-Werte werden im Browser des Benutzers gespeichert und zusätzlich in einer SQL-Datenbank gespeichert.

2. Anschließend werden diese Token-Werte an Domain B / Server 2 weitergegeben. Dort werden sie erneut überprüft und verifiziert, indem die Datenbank nach dem Token-Wert durchsucht wird.

3. Wenn der Token und das Cookie korrekt sind und in der Datenbank übereinstimmen, wird auch auf Domain B ein identisches Cookie erstellt. Dadurch erfolgt eine Synchronisierung der Cookies zwischen den Domänen. Dieses synchronisierte Cookie kann dann für Sessions, den Login-Prozess oder andere cookiebasierte Funktionen auf Domain B verwendet werden.

Durch diese Methode ermöglichen wir eine sichere und effektive Nutzung von Cookies für Login- und Session-Funktionen, ohne die üblichen Einschränkungen von herkömmlichen Cookies zu haben.

Funktioniert auf allen System / Webseiten. Da keine systemspezifischen Tags / Hooks genutzt werden. Und wäre schnell in ein WordPress Plugin umgewandelt.
Das Auth-System funktioniert aktuell durch die Nutzung von 2 Domains / Servern, es wäre aber möglich noch einen weiteren Server / eine weitere Domain zwischenzuschalten (AUTH-SERVER/AUTH-DOMAIN). Damit die AUTH-Funktionen ausgelagert wird, dann wäre eine mehrfache Verschlüsselungen möglich, welche eine extrem hohe Sicherheit bieten würden.

Domain / Server 1

<!DOCTYPE html>
<!--
Name: HNP Cookie & Token Auth-System
Description: Erstellt ein Cookie-basiertes SQL Authentifizierung-System. Domain- und Serverübergreifend.
Author: Homepage-nach-Preis
Version: 1.0
Author URI: https://homepage-nach-preis.de/
License: Creative Commons Non-Commercial - CC-NC 4.0
-->
<html>
<head>
    <title>HNP Auth-System</title>
</head>
<body>
    <h2>HNP Cookie & Token Auth-System</h2>
<?php

// Funktion zum Generieren eines Tokens
function hnp_generate_token() {
    $token = bin2hex(random_bytes(32)); // Generiert einen zufälligen Token-Wert

    // Zeige Error Logs
    ini_set('display_errors', 1);
    ini_set('display_startup_errors', 1);
    error_reporting(E_ALL);

    // Überprüfen, ob das Cookie bereits gesetzt ist
    if (isset($_COOKIE['hnp_auth_token'])) {
        $cookieToken = $_COOKIE['hnp_auth_token'];
        echo "Das Cookie 'hnp_auth_token' ist bereits gesetzt.";
        hnp_redirectWithToken($cookieToken); // Weiterleitung zur Ziel-Domain mit dem vorhandenen Token-Parameter
        return; // Abbruch der Funktion, wenn das Cookie bereits gesetzt ist
    }

    // Speichern des Tokens in der MySQL-Datenbank auf der Auth-Domain
    $dbHost = 'XXXXXXXXXXXXXX'; // Hostname der MySQL-Datenbank auf der AUTH-Domain
    $dbUser = 'XXXXXXXXXXXXXX'; // Benutzername der MySQL-Datenbank
    $dbPass = 'XXXXXXXXXXXXXX'; // Passwort der MySQL-Datenbank
    $dbName = 'XXXXXXXXXXXXXX'; // Name der MySQL-Datenbank

    // Verbindung zur MySQL-Datenbank herstellen
    $conn = new mysqli($dbHost, $dbUser, $dbPass, $dbName);

    // Überprüft die Verbindung auf Fehler
    if ($conn->connect_error) {
        die('Verbindungsfehler zur MySQL-Datenbank: ' . $conn->connect_error); // Beendet das Skript und zeigt die Fehlermeldung an
    }

    // Tabelle erstellen, falls sie nicht existiert
    hnp_create_hnp_tokens_table($conn);

    // SQL-Befehl zum Einfügen des Tokens in die Datenbank
    $sql = "INSERT INTO hnp_tokens (token) VALUES ('$token')";

    // Führt den SQL-Befehl aus
    if ($conn->query($sql) === TRUE) {
        // Cookie mit dem Token erstellen
        setcookie('hnp_auth_token', $token, [
            'expires' => time() + 3600,
            'path' => '/',
            'domain' => 'DOMAIN-A.COM',
            'secure' => true,
            'httponly' => true,
            'samesite' => 'None' // Hier wird das SameSite-Attribut auf "None" gesetzt
        ]);
        echo 'Cookie mit dem Token wurde erstellt und in die Datenbank gespeichert.';
        hnp_redirectWithToken($token); // Weiterleitung zur Ziel-Domain mit dem neuen Token-Parameter
        exit;
    } else {
        die('Fehler beim Speichern des Tokens in der Datenbank: ' . $conn->error); // Beendet das Skript und zeigt die Fehlermeldung an
    }

    // Schließe die Verbindung zur MySQL-Datenbank
    $conn->close();
}

// Funktion zum Erstellen der Tabelle 'hnp_tokens'
function hnp_create_hnp_tokens_table($conn) {
    $tableName = 'hnp_tokens';

    // SQL-Befehl zum Erstellen der Tabelle, falls sie nicht existiert
    $sql = "CREATE TABLE IF NOT EXISTS $tableName (
                id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
                token VARCHAR(64) NOT NULL
            )";

    // Führt den SQL-Befehl aus
    if ($conn->query($sql) === TRUE) {
        echo 'Die Tabelle ' . $tableName . ' wurde erfolgreich erstellt oder existiert bereits.';
    } else {
        die('Fehler beim Erstellen der Tabelle ' . $tableName . ': ' . $conn->error); // Beendet das Skript und zeigt die Fehlermeldung an
    }
}

// Funktion zur Weiterleitung zur Ziel-Domain mit dem Token-Parameter
function hnp_redirectWithToken($token)
{
    header('Location: https://DOMAIN-B.COM/index.php?token=' . urlencode($token));
    exit;
}

// Funktion zur Weiterleitung zur Ziel-Domain mit einem ungültigen Token
function hnp_redirectWithInvalidToken()
{
    // Generiere einen ungültigen Token-Wert
    $invalidToken = bin2hex(random_bytes(32));

    // Leite zur Ziel-Domain mit dem ungültigen Token weiter
    header('Location: https://DOMAIN-B.COM/index.php?token=' . urlencode($invalidToken));
    exit;
}

// Funktion zum Löschen des Cookies
function hnp_deleteCookie() {
    setcookie('hnp_auth_token', '', time() - 3600, '/', 'DOMAIN-A.COM', true, true); // Löscht das Cookie
    echo 'Cookie wurde gelöscht.';
    sleep(0); // Wartezeit von 0 Sekunden
    hnp_redirectWithDelay(0); // Weiterleitung zur selben Seite
}

// Funktion zur Weiterleitung zur selben Seite nach einer Verzögerung
function hnp_redirectWithDelay($delay) {
    $redirectUrl = $_SERVER['REQUEST_URI'];
    header("Refresh: $delay; url=$redirectUrl");
    exit;
}

// Überprüfen, ob der Button zum Generieren des Tokens geklickt wurde
if (isset($_POST['generate_token'])) {
    hnp_generate_token();
}

// Überprüfen, ob der Button zum Löschen des Cookies geklickt wurde
if (isset($_POST['delete_cookie'])) {
    hnp_deleteCookie();
}

// Überprüfen, ob der Button zur Weiterleitung mit ungültigem Token geklickt wurde
if (isset($_POST['redirect_with_invalid_token'])) {
    hnp_redirectWithInvalidToken();
}
?>

<?php
if (isset($_COOKIE['hnp_auth_token'])) {
    echo "Das Cookie 'hnp_auth_token' wurde gesetzt oder ist bereits vorhanden.";
} else {
    echo "Das Cookie 'hnp_auth_token' wurde nicht gefunden.";
}
?>

<!-- Formular mit Button zum Generieren des Tokens -->
<?php if (!isset($_COOKIE['hnp_auth_token'])) { ?>
<h4> Dieser Button wird nur angezeigt, falls das Cookie/ der Token noch nicht vorhanden ist: </h4>
<form method="post">
    <input type="hidden" name="generate_token" value="1" />
    <input type="submit" value="Token generieren" />
</form>
<?php } else { ?>
<h4> Diese Button werden nur angezeigt, falls das Cookie / der Token bereits vorhanden ist: </h4>
<form method="post">
    <input type="hidden" name="delete_cookie" value="1" />
    <input type="submit" value="Cookie löschen" />
</form>
</br><form method="post">
    <input type="hidden" name="redirect_with_token" value="1" />
    <input type="submit" value="Weiter" />
</form>
<?php }

// Überprüfen, ob der Button zur Weiterleitung mit Token geklickt wurde
if (isset($_POST['redirect_with_token'])) {
    hnp_redirectWithToken($_COOKIE['hnp_auth_token']);
}
?>
<h4> Ungültiger Token: </h4>
<p>Hierbei wird versucht eine Anfrage zu manipulieren, indem ein Token simuliert wird und eine korrekte Anfrage gestartet wird. Das System erkennt aber, dass der Token-Wert ungültig ist, weil er nicht in der Datenbank ist</p>
<form method="post">
    <input type="hidden" name="redirect_with_invalid_token" value="1" />
    <input type="submit" value="Weiter mit ungültigem Token" />
</form>
</body>
</html>

Domain / Server 2

index.php

<!DOCTYPE html>
<!--
Name: HNP Cookie & Token Auth-System
Description: Erstellt ein Cookie-basiertes SQL Authentifizierung-System. Domain- und Serverübergreifend.
Author: Homepage-nach-Preis
Version: 1.0
Author URI: https://homepage-nach-preis.de/
License: Creative Commons Non-Commercial - CC-NC 4.0
-->
<html>
<head>
    <title>HNP Auth-System</title>
</head>
<body>
    <h2>HNP Cookie & Token Auth-System</h2>
	
<?php

function checkTokenAndSetCookie() {
    if (isset($_GET['token'])) {
        $token = $_GET['token'];

        // Zeige Error Logs
        ini_set('display_errors', 1);
        ini_set('display_startup_errors', 1);
        error_reporting(E_ALL);

        // Überprüft den Token in der Datenbank
        $dbHost = 'XXXXXXXXXXXXXX'; // Hostname der MySQL-Datenbank auf der AUTH-Domain
        $dbUser = 'XXXXXXXXXXXXXX'; // Benutzername der MySQL-Datenbank
        $dbPass = 'XXXXXXXXXXXXXX'; // Passwort der MySQL-Datenbank
        $dbName = 'XXXXXXXXXXXXXX'; // Name der MySQL-Datenbank

        // Verbindung zur MySQL-Datenbank herstellen
        $conn = new mysqli($dbHost, $dbUser, $dbPass, $dbName);

        // Überprüft die Verbindung auf Fehler
        if ($conn->connect_error) {
            die('Verbindungsfehler zur MySQL-Datenbank: ' . $conn->connect_error);
        }

        // Überprüft den Token in der Datenbanktabelle
        $tableName = 'hnp_tokens'; // Name der Tabelle, in der die Tokens gespeichert sind
        $sql = "SELECT * FROM $tableName WHERE token = '$token'";

        // Führt die Datenbankabfrage aus
        $result = $conn->query($sql);

        // Überprüft das Ergebnis der Datenbankabfrage
        if ($result && $result->num_rows > 0) {
            // Token ist gültig, erstellt das Cookie
            setcookie('hnp_auth_token', $token, [
                'expires' => time() + 3600,
                'path' => '/',
                'domain' => 'DOMAIN-B.COM',
                'secure' => true,
                'httponly' => false,
                'samesite' => 'None' // Hier wird das SameSite-Attribut auf "None" gesetzt
            ]);

            echo 'Authentifizierung erfolgreich. Bitte warten Sie...';

            // JavaScript-Weiterleitung nach 3 Sekunden
            echo '<script>
                    setTimeout(function() {
                        window.location.href = "index.html";
                    }, 3000);
                  </script>';

            exit;
        } else {
            echo 'Ungültiger Token oder Token nicht gefunden. Authentifizierung fehlgeschlagen.';

            // Button "Trotzdem weiter"
            echo '<button onclick="window.location.href = \'index.html\';">Trotzdem weiter</button>(Nicht vegessen, den Logout zuvor zu betätigen, falls bereits eine erfolgreiche Authentifizierung stattfand)';

            // Button "Zurück"
            echo '<button onclick="window.history.back();">Zurück</button>';
        }

        // Schließt die Verbindung zur MySQL-Datenbank
        $conn->close();
    } else {
        echo 'Token-Parameter fehlt.';
    }
}

// Funktion aufrufen
checkTokenAndSetCookie();
?>
</body>
</html>

index.html

<!DOCTYPE html>
<!--
Name: HNP Cookie & Token Auth-System
Description: Erstellt ein Cookie-basiertes SQL Authentifizierung-System. Domain- und Serverübergreifend.
Author: Homepage-nach-Preis
Version: 1.0
Author URI: https://homepage-nach-preis.de/
License: Creative Commons Non-Commercial - CC-NC 4.0
-->
<html>
<head>
    <title>HNP Auth-System</title>
</head>
<body>
    <h2>HNP Cookie & Token Auth-System</h2>

    <script>
        // Token aus dem Cookie lesen
        var token = document.cookie.replace(/(?:(?:^|.*;\s*)hnp_auth_token\s*=\s*([^;]*).*$)|^.*$/, "$1");

        // Überprüft den Token in der Datenbank
        var xhr = new XMLHttpRequest();
        xhr.open('GET', 'https://DOMAIN-B.COM/index.php?token=' + encodeURIComponent(token), true);
        xhr.onload = function() {
            if (xhr.status === 200 && xhr.responseText.includes('Authentifizierung erfolgreich')) {
                // Überprüfung erfolgreich, zeige "Erfolgreich eingeloggt" und Logout-Button
                var successMessage = document.createElement('p');
                successMessage.textContent = 'Erfolgreich eingeloggt';
                document.body.appendChild(successMessage);

                var logoutButton = document.createElement('button');
                logoutButton.textContent = 'Logout';
                logoutButton.onclick = logout;
                document.body.appendChild(logoutButton);

                document.body.appendChild(document.createElement('br'));
                document.body.appendChild(document.createElement('br'));

                var authDomainButton = document.createElement('button');
                authDomainButton.textContent = 'Zur Auth-Domain';
                authDomainButton.onclick = redirectToAuth;
                document.body.appendChild(authDomainButton);
            } else {
                // Überprüfung fehlgeschlagen, zeige "Login fehlgeschlagen"
                var errorMessage = document.createElement('p');
                errorMessage.textContent = 'Login fehlgeschlagen oder ausgeloggt.';
                document.body.appendChild(errorMessage);

                document.body.appendChild(document.createElement('br'));
                document.body.appendChild(document.createElement('br'));

                var authDomainButton = document.createElement('button');
                authDomainButton.textContent = 'Zur Auth-Domain';
                authDomainButton.onclick = redirectToAuth;
                document.body.appendChild(authDomainButton);
            }
        };
        xhr.send();

        function logout() {
            // Löschen des hnp_auth_token Cookies
            document.cookie = 'hnp_auth_token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=DOMAIN-B.COM; secure';

            // Weiterleitung zur Startseite oder einer anderen Seite nach dem Logout
            window.location.href = "index.html";
        }

        function redirectToAuth() {
            // Weiterleitung zur Auth-Domain
            window.location.href = "https://DOMAIN-A.COM/";
        }
    </script>
</body>
</html>

Kostenloser Download:
[sdm_download id=”7847″ fancy=”0″]

Es müssen lediglich die Datenbank-Verbindungsdaten und die Platzhalter für Domain-A und Domain-B ausgetauscht werden. Anschließend ist das AUTH-System bereits voll nutzbar.
Zu beachten ist, weitere Sicherheitsfunktionen sollten hinzugefügt werden, wie zum Beispiel eine Verschlüsselung der Cookie/Token Daten.

Optional: Ansätze für Erweiterungsmöglichkeiten

Datenbank Daten Dauer:
Aktuell ist der Token / das Cookie eine Stunde im Browser des Besuchers gültig. Also eine Session von einer Stunde. In der Datenbank bleiben die Daten aber dauerhaft, damit diese aber auch nach einer Stunde gelöscht werden:

// Generiere das Ablaufdatum (1 Stunde ab dem aktuellen Zeitpunkt)
$expirationDate = date('Y-m-d H:i:s', strtotime('+1 hour'));

// SQL-Befehl zum Einfügen des Tokens mit dem Ablaufdatum in die Datenbank
$sql = "INSERT INTO hnp_tokens (token, expiration_date) VALUES ('$token', '$expirationDate')";

Verschlüsselung / Entschlüsselung der Token-Daten:


// Funktion zum Verschlüsseln eines Tokens
function encryptToken($token, $encryptionKey) {
    $iv = openssl_random_pseudo_bytes(openssl_cipher_iv_length('AES-256-CBC')); // Initialisierungsvektor generieren
    $encryptedToken = openssl_encrypt($token, 'AES-256-CBC', $encryptionKey, 0, $iv); // Token verschlüsseln
    return base64_encode($iv . $encryptedToken); // Verschlüsselten Token codieren und zurückgeben
}

// Funktion zum Entschlüsseln eines Tokens
function decryptToken($encryptedToken, $encryptionKey) {
    $encryptedToken = base64_decode($encryptedToken); // Codierten Token decodieren
    $ivLength = openssl_cipher_iv_length('AES-256-CBC');
    $iv = substr($encryptedToken, 0, $ivLength); // Initialisierungsvektor extrahieren
    $encryptedToken = substr($encryptedToken, $ivLength); // Verschlüsselten Token extrahieren
    $decryptedToken = openssl_decrypt($encryptedToken, 'AES-256-CBC', $encryptionKey, 0, $iv); // Token entschlüsseln
    return $decryptedToken; // Entschlüsselten Token zurückgeben
}

// Beispiel zur Verwendung der Funktionen
$encryptionKey = 'myEncryptionKey123';
$token = 'myToken123';

$encryptedToken = encryptToken($token, $encryptionKey);
echo 'Verschlüsselter Token: ' . $encryptedToken . '<br>';

$decryptedToken = decryptToken($encryptedToken, $encryptionKey);
echo 'Entschlüsselter Token: ' . $decryptedToken . '<br>';

$_POST anstatt $_GET nutzen
Der Unterschied zwischen $_POST und $_GET liegt in der Art und Weise, wie die Daten an den Server übermittelt werden.

$_POST:

    Die Daten werden über den HTTP-POST-Request an den Server gesendet.
    Die Daten sind im Body des Requests enthalten und werden nicht in der URL angezeigt.
    Geeignet für das Senden sensibler oder umfangreicher Daten, z.B. bei Formulareingaben wie Passwörtern, Texten oder hochgeladenen Dateien.
    Die Daten können im PHP-Skript über das $_POST-Array abgerufen werden.

$_GET:

    Die Daten werden über den HTTP-GET-Request an den Server gesendet.
    Die Daten werden als Teil der URL in der Adressleiste des Browsers angezeigt.
    Geeignet für das Senden von einfachen und nicht sensitiven Daten, z.B. Suchanfragen oder Parameter für Seitenaufrufe.
    Die Daten können im PHP-Skript über das $_GET-Array abgerufen werden.

Logik & Points erweitern

Roadmap (kommt bald):

Version 1.1

Neue Funktionen:
- OpenSSL Verschlüsselung für Token & Cookie
- Token wird auch automatisch aus der Datenbank enfternt
- CSS Styling

Version 1.2

Neue Funktionen:
- Logik erweitern auf 4 Points (also zusätzliche index.html für Entry Point)
- CSS Styling erweitern

Version 1.3

Neue Funktionen:
- Optionalen AUTH Server / AUTH Domain MID Point hinzufügen
- Weitere Verschlüsselung mit weiteren Verschlüsselungsverfahren

Version 2.0

Neue Funktionen:
- Finales Styling
- $_POST anstatt $_GET nutzen
- Weitere / zusätzliche Daten können "mitgesendet" werden (wie Usernamen, Passwörter, Alter usw)
- Zusätzliche Daten werden verschlüsselt

Der Beitrag Cookie & SQL basiertes Authentifizierungssystem erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Responsives Webdesign bei Webseiten

Homepage-nach-Preis — Thu, 02 Jul 2020 18:14:31 +0000

Responsive Webdesign

Eine responsive Webseite ist zum Beispiel eine Homepage die auch für mobile Geräte wie Smartphones & Tablets optimiert wurde und somit auch für die genannten Geräte erreichbar ist. Das ist bei einer Webseiten-Erstellung nicht standardmäßig, nur moderne Webdesigner besitzen das Wissen, um eine solche Webseite kompatibel zu erstellen. Da aktuell mehr User mit mobilen Geräten im Internet unterwegs sind als mit dem klassischen Computer, ist somit eine responsive Webseite unerlässlich. Auch für Suchmaschinen wie Google ist die Nutzung einer solchen Programmierung ein „MUSS“, da für optimierte Webseiten ein extra Suchserver genutzt wird, wie im Falle von Google der Server „Google Mobile“. Möchten Sie also auch in den Suchergebnissen von Smartphone-Usern vorkommen, dann muss Ihre Webseite responsive kompatibel sein.

Sie erhöhen also dadurch Ihre Besucherzahlen und potenziellen Kunden durch besseres „gefunden werden“ auf Suchmaschinen. Ebenso wirken responsive Webseiten für Kunden & Besuchern professioneller und kompetenter. Die Nachrüstung vorhandener Webseiten zu „responsive“ erweist sich allerdings als schwierig und sehr zeitaufwendig, daher wird empfohlen direkt eine neue und aktuelle Homepage erstellen zu lassen, dies ist in den meisten Fällen sogar günstiger als die Nachrüstung.

Responsive Webseite von Webdesigner erstellen lassen? WEBDESIGN ANGEBOTE ANSEHEN

Der Beitrag Responsives Webdesign bei Webseiten erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Vorgefertigte WordPress Homepage kaufen?

Homepage-nach-Preis — Fri, 08 May 2020 14:35:28 +0000

Webdesigner, Baukasten oder Fertig-Homepage

Ob Webdesigner Webseite, Baukasten Webseiten oder fertige Webseiten, es gibt viele Möglichkeiten für eine Internetpräsenz. Da uns viele Interessenten nach einer Fertig-Homepage fragten, haben wir nun ein professionelles Webdesigner Produkt erstellt. Eine WordPress-Webseite mit eigenem Homepage-nach-Preis Theme und vielen Funktionen wie ein Custom-Pagebuilder, programmierlose Einstellungen, Kontaktformular, Google-Maps und vieles mehr.

Kaufen, Hochladen, Austauschen

Sie können die fertige-Webseite in unseren Onlineshop erwerben und nach Zahlung direkt herunterladen. Anschließend müssen Sie nur die fertigen Dateien auf Ihrem Webspeicher hochladen und die Demo-Inhalte austauschen. Und dafür benötigen Sie keine Programmierkenntnisse, alles ist bereits vorgefertigt und programmierlos austauschbar. Natürlich ist die Webseite auch frei erweiterbar – so können Sie beispielsweise neue Plugins installieren oder auch weitere Unterseiten anlegen.

Wieso WordPress

Wir erstellen grundsätzlich Webseiten für unsere Kunden mit WordPress, da das Content-Management-System viele Vorteile und ein programmierloses Backend bietet. Zudem, nicht umsonst ist WordPress aktuell das meistgenutzte CMS weltweit. Die Funktionen sind umfangreich, die möglichen Plugins sind fast unbegrenzt und alle Prozesse sind automatisiert. Daher ist WordPress wohl die beste Wahl für eine Webseite.

Mehr Infos zu der fertigen Homepage

Besuchen Sie den Homepage-nach-Preis Onlineshop und erfahren Sie mehr über unsere fertige Homepage. Natürlich können Sie dort auch die Webseite direkt kaufen.
–> Homepage im Shop ansehen

Oder individuelle Webseite erstellen lassen?
>WEBDESIGN ANGEBOTE

Der Beitrag Vorgefertigte WordPress Homepage kaufen? erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Einzelne Wörter in WordPress übersetzen & austauschen

Christopher Rohde — Thu, 23 Apr 2020 13:02:03 +0000

Manchmal gibt es einzelne Worte auf einer Webseite die man übersetzen oder austauschen möchte. Mit diesem Code gelingt es Ihnen dies einfach umzusetzen.

1. Kopieren Sie den Code
2. Tauschen Sie die Wörter aus
(“Vorher” ist das Wort welches ausgetauscht werden sollte – “Nachher” welches stattdessen angezeigt werden sollte)
3. Fügen Sie den Code in Ihre function.php im Hauptverzeichnis ein
4. Speichern und fertig

// Output Filter
add_filter('gettext', 'translate_text');
add_filter('ngettext', 'translate_text');

function translate_text($translated) {
$translated = str_ireplace('Vorher', 'Nachher', $translated);


return $translated;
}

Ihre neue Webseite bereits ab 300 Euro Festpreis? MEHR ERFAHREN

Der Beitrag Einzelne Wörter in WordPress übersetzen & austauschen erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Christopher Rohde.

Mehr Pagespeed durch HTTP2 Nutzung

Homepage-nach-Preis — Mon, 12 Mar 2018 04:45:40 +0000

Hypertext-Übertragungsprotokoll HTTP2

Das Hypertext Transfer Protocol (HTTP, eng. = Hypertext-Übertragungsprotokoll) ist ein neutrales Protokoll zur Übertragung von Daten im Word Wide Web. HTTP/1.1 ist mit 75 % (weltweit) die meistgenutzte Version des Protokolls, die neuste Version wird lediglich von 25 % genutzt – wobei die Nutzung im Feb 2017 noch bei 10 % lag. Mit HTTP/2 soll die Übertragung von Daten zwischen Browsern und Server beschleunigt & optimiert werden. Laut den Publishern ist HTTP/2 vollständig abwärtskompatibel zu HTTP/1.1, somit bedenkenlos nutzbar.

Schnellere Ladezeiten mit HTTP/2

HTTP/2 verbessert die Ladezeiten, sogar Werte bis zu 200% könnten möglich sein. Dies liegt an einer effektiveren Kommunikation zwischen Browsern und Webseiten. Bei HTTP/1.1 werden Anfragen – sogenannte “Requests” nacheinander übertragen und verarbeitet. Der Aufbau einer modernen Startseite hat im Schnitt zwischen 50 und 150 Requests. Bei HTTP/2 werden Requests parallel übertragen, beispielsweise wird der HTML Code synchron mit Bilder und CSS Dateien übertragen, sodass natürlich eine beachtliche Ladezeiten-Verringerung erzeugt wird. Zudem sind weitere Vorteile des neuen Protokolls:

– weitergehende Datenkompressionsmöglichkeiten,
– die binär kodierte Übertragung von Inhalten & Push-Verfahren
– einzelne Streams lassen sich auch priorisieren

Was benötige ich für HTTP/2

In erster Linie wird die Nutzung von HTTPS (Verschlüsselung) auf der Webseite benötigt, denn die meisten Browser erlauben nur einen HTTP/2 Zugriff bei einer technisch-einwandfreien Verschlüsselung. Zudem muss auch das Hosting / der Server für HTTP/2 kompatibel bzw. eingerichtet sein, die meisten Hoster bieten aber eine HTTP/2 Nutzung.

Ob das Hosting / der Webspeicher mit HTTP2 kompatibel ist, kann hier geprüft werden:
https://tools.keycdn.com/http2-test
Ob eine SSL Verschlüsselung vorhanden ist, kann hier geprüft werden:
https://www.ssllabs.com/ssltest/

HTTP/2 aktivieren

Wenn diese 2 Grundlagen vorhanden sind, ist meist bereits das neue Protokoll aktiv, bei manchen Hostern muss dies auch erst in den “Webserver-Einstellungen” durchgeführt werden.

SEO & HTTP/2

Laut Google-Mitarbeiter John Mueller, erzeugt die Nutzung von HTTP/2 keinen direkten Ranking-Bonus – allerdings ist offiziell bekannt, dass die Ladezeiten ein starker SEO-Faktor sind und HTTP/2 verbessert die Ladezeiten stark, somit wird auch das Ranking steigen.

John Mueller im Google Webmaster Hangout zu HTTP/2:

SSL oder HTTP/2 Upgrade benötigt? Wir übernehmen das gerne. Nehmen Sie dazu einfach Kontakt auf: KONTAKT

Der Beitrag Mehr Pagespeed durch HTTP2 Nutzung erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Die Nutzung von Back-Buttons auf Webseiten – SEO & UX

Christopher Rohde — Tue, 19 Dec 2017 23:45:36 +0000

Der Backbutton

Der “Back-Button” oder auch die “Zurück-Funktion” ist eine grafische Darstellung am Seitenende einer Webseite. Durch einen Klick auf den verlinkten Button oder Text, geht der User einen Schritt bzw. eine Unterseite in der Navigation zurück. Dadurch lassen sich Webseiten besser strukturieren und übersichtlicher gestalten – womit natürlich auch die Nutzerfreundlichkeit/Userexperience steigt. Bei großen Webseiten, mit vielen Unterseiten, ist eine solche Funktion ein unerlässliches Muss – sonst werden sich Besucher nicht wirklich wohl auf der Website fühlen.

Praktisches Beispiel

Durch ein praktisches Beispiel lässt sich der Nutzen besser erklären:

– Die Startseite ist immer die 1. Ebene einer Webseite und somit die Hauptseite
– Kategorie- oder Übersichtsseiten für Leistungen sind zwar im Menü (meist) direkt verlinkt, befinden sich aber eine Ebene unter der Startseite – somit Ebene 2
– Eine spezifische Leistung ist in der Kategorie unter-verlinkt und somit die 3. Ebene
– Nun könnte man viele Ebenen tiefer gehen, durch beispielsweise Filterungen oder Teilleistungen

Befindet sich ein User auf der 3. Ebene (also einer Leistung) und möchte einen Schritt zurück, so kann er dies durch einen Klick auf den “Back-Button”. Denn dann landet er wieder in der Übersichtsseite mit allen Leistungen. Da sich der User jetzt auf Ebene 2 befindet, würde er durch einen weiteren Klick auf einen solchen Button auf der 1. Ebene (der Startseite) landen.

Conversion & Userexperience

Eine alte Marketing-Weisheit besagt: “Je länger sich ein Besucher in einem Laden befindet (oder eben auf einer Webseite), desto höher ist die Chance, dass der Besucher zum Kunden wird und einen Kauf tätigt”. Sobald ein Besucher einen Kauf tätigt oder für eine Dienstleistung zu Ihnen Kontakt aufnimmt, nennt man dies übrigens “Conversion”. Wenn sich ein Besucher auf Ihrer Webseite wohlfühlt und durch übersichtlichen Buttons zu weiteren Klicks animiert wird, so erhöht dies logischerweise die Conversion (Konvertierung).

SEO & Ranking

Lange ist bekannt, dass die Verweildauer, von Usern auf einer Webseite, zu den SEO-Faktoren gehört, ebenso die Klickrate. Wenn also durch solche Buttons mehr Unterseiten aufgerufen werden und die Verweildauer steigt, so wird mit hoher Wahrscheinlichkeit auch das Ranking steigen. Da die Buttons auch Verlinkungen bieten, sind sogar Title-Tags möglich und erhöhen die interne Vernetzung einer Webseite – dies sind weitere SEO-freundliche Vorgehensweisen. Auch wurde von Google bereits öfters bekannt gegeben, dass die Userexperience der Hauptfokus für Seo-Optimierer sein sollte. Somit sind solche Buttons (wenn diese effektiv und gewissenhaft angewendet werden) eine nützliche Whitehat-Vorgehensweise.

Abschließend ist leicht zu erkennen, welchen starken Nutzen eine “Zurück-Funktion” für User und auch Webmaster hat. Ebenso sprechen allgemein-bekannte SEO-Faktoren in jedem Fall für die Nutzung von Back-Buttons. Eine gute Kombination wäre übrigens die Nutzung von Breadcrumbs & Back-Buttons – diese würde eine noch höhere Userexperience und Übersichtlichkeit bieten.

Wir bieten übrigens professionelle SEO- und userfreundliche Webseiten ab bereits 299 Euro. MEHR INFOS

Der Beitrag Die Nutzung von Back-Buttons auf Webseiten – SEO & UX erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Christopher Rohde.

Wie wichtig ist ein Firmenblog?

Christopher Rohde — Wed, 11 Oct 2017 12:44:26 +0000

Blog-Nutzung

Fast jede moderne Firmen-Webseite besitzt einen Web-Blog. Ist dies auch für mein Unternehmen wichtig? Was steckt dahinter und lohnt sich die Investition bzw. der Aufwand?
Ein Blog bzw. eine Newssektion auf einer Webseite wird für verschiedene Kanäle im Marketing genutzt, Unternehmen sollten darauf nicht verzichten – sonst verzichten Sie auch auf potenzielle Kunden. Um zu verstehen, was genau hinter einem Blog steckt und wieso dabei potenzielle Kunden erzeugt werden, sollten folgende Marketingkanäle in Betracht gezogen werden:

Seo / Suchmaschinenoptimierung

Suchmaschinen wie Google lieben einzigartigen Content (Inhalte wie Texte & Bilder) und genau das erzeugt ein Blog. Zudem wird bei jedem Blog-Eintrag eine neue Unterseite erzeugt, somit steigt auch die Webseiten-„Größe“. Für SEO –zumindest bei schwierigen Keywords- ist es fast nicht mehr möglich, ohne einen Blog ein gutes Ranking zu erzeugen (denn die Konkurrenz wird mit hoher Wahrscheinlichkeit einen Blog besitzen). Eine gute Platzierung in Suchmaschinen erzeugt auch viele potenzielle Kunden.

Social Marketing / Soziale Medien

Blog-Einträge lassen sich super auf sozialen Plattformen wie Facebook teilen, dadurch läßt sich beispielsweise die Firmenpage/Like Seite mit Beiträgen füllen, im besten Fall erzeugen die geteilten Beiträge sogar Traffic/Klicks auf die Firmenwebseite. Hierbei kann natürlich auch der ein oder andere Kunde erzeugt werden. Zudem ist natürlicher Traffic ein Seo-Faktor, somit ist ein Blog, in Verbindung mit der kommerziellen Nutzung von sozialen Netzwerken, eine optimale Marketing-Vorgehensweise.

Content Marketing

Content-Marketing ist ein fester Bestandteil von „Social Marketing“ und „Suchmaschinen Marketing“, zudem erfährt der Kunde aber auch mehr über das Unternehmen bzw. die Firma der Webseite. Dies erzeugt Vertrauen (Trust) und erhöht die Conversion (Kontakt- und Kundenerzeugungsrate). Auch lässt sich Kompetenz und eine professionelle Darstellung über den Blog vermitteln.

Email-Marketing

Durch eine Newsletter-Anmeldung im Blog, lässt sich nun auch „Email-Marketing“ optimal einbinden. Durch Eintragungen im Newsletter können später effektive Werbemails, an die richtige Zielgruppe, versandt werden.

Weitere Fakten:

– Webseiten mit Blog haben im Durchschnitt 50 % mehr Besucher auf der Webseite
– Die Bouncing-Rate / Absprung-Rate der Website sinkt um bis zu 40%
– 75 % der Blog-Leser erzeugen einen positiven Glaubenssatz zum Unternehmen des Blogs
– Die Kundenerzeugung / Conversion kann sich durch die Nutzung eines Blogs um 63 % erhöhen

Tipp: Durch die Nutzung von Google-Sternen / Rich-Snippets steigen die Klickraten in der SERP, somit eine optimale Kombination für die Blog-Nutzung.

Professionelle Webseite mit Blog kaufen? ANGEBOTE ANSEHEN

Der Beitrag Wie wichtig ist ein Firmenblog? erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Christopher Rohde.

WordPress Webseite vor Hacker schützen / XML-RPC

Homepage-nach-Preis — Mon, 12 Dec 2016 23:08:24 +0000

DDOS und Brut-Force Attacken

Erfolgreiche, gut besuchte Webseiten oder Inhaber von stark-umkämpften Business-Bereichen sind nahezu immer Zielscheiben von Hackern oder Script-Kids. Eine Webseite bzw. einen Server durch Ddos-Flut-Attacken zu überlasten oder direkt das Passwort durch Brute-Force-Attacken zu cracken, ist eine Standardvorgehensweise von Online-Angreifern. WordPress hat eine Schwachstelle im System, wodurch solche Vorgehensweisen sehr effektiv sind – die XML-RPC Funktion.

Schwachstelle ist die Schnittstelle XML-RPC

Die xmlrpc.php Datei wird fast immer als Zielscheibe eines WordPress-Angriffs genutzt, da diese mit wenig Aufwand – gegenüber anderen möglichen Angriffspunkten von WordPress – geknackt werden kann. Eigentlich dient die XML-RPC Funktion dazu, dass eine Verbindung zwischen externen Apps und einer Webseite hergestellt werden kann, beispielsweise kann dadurch über das Smartphone, Blog-Einträge geschrieben und veröffentlicht werden. Auch wird die Pingback-Funktion über die XML-Datei geregelt.

Diese Funktionen benötigen allerdings die meisten Webseitenbesitzer nicht und sollten daher, als Schutz vor Angriffen, abgeschaltet werden.

So wird die WordPress-Website geschützt

1. Die Xmlrpc Funktion abschalten
Um die XML-RPC Funktion zu deaktivieren, muss am Ende der Function.php, des aktuellen Themes, diese Befehle hinzugefügt werden.

2. Dateien bzw. Zugriffe in der Htaccess sperren
Als 2. Schritt sollten noch die Verzeichnisse bzw. Dateien für Direktzugriffe gesperrt werden, dazu wird folgendes am Ende der .htaccess Datei im Hauptverzeichnis der WordPress-Installation hinzugefügt.

Kostenloser Download

Hier können Sie die fertigen Befehle bzw. den Code herunterladen

[sdm_download id=”2978″ fancy=”0″]

Dies ist ein kostenloser Download, es entstehen keine Kosten und daher besteht auch keine Garantie und Gewährleistung. Die Optimierungsfiles sind nur für die Eigennutzung gestattet, eine Weitergabe ist nicht erlaubt.

Wir bieten übrigens professionelle Webseiten Optimierungen ab bereits 149 Euro. MEHR INFOS

Der Beitrag WordPress Webseite vor Hacker schützen / XML-RPC erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Homepage-nach-Preis.

Strukturierte Daten – Rich-Snippets & Google-Sterne

Christopher Rohde — Sun, 20 Nov 2016 16:21:00 +0000

Rich Snippets & Google Sterne für Seo

Rich-Snippets sind eine gute Möglichkeit um das Ranking in Suchmaschinen und die Klickraten anzuheben, dennoch ist die Nutzung der strukturierten Daten – nicht nachvollziehbar – gering. Wenn eine allgemeine Möglichkeit vorhanden ist, einen visuellen Vorteil gegenüber der Konkurrenz zu besitzen, so sollte dieser auch wahrgenommen werden. Ein Musterfall dazu sind Google-Sterne im Ranking der Suchmaschinen, denn hierbei kann die Klickrate um bis zu den doppelten Wert ansteigen. Je höher der Platz im Ranking, desto höher sind die Klickraten, dieses Wissen gehört zum Einmaleins im SEO – was genau genommen zwar nicht richtig ist, allerdings oberflächlich zutreffend ist *.
Mit Sternen, durch Produkt- oder Artikelbewertungen, werden grundsätzliche Werte für Klickraten komplett unbrauchbar. Der 4. Platz kann nun öfters angeklickt werden als der 1. Platz – sofern lediglich der 4. Platz die Rich-Snippets-Sterne besitzt. Nachvollziehbar fallen Webseiten mit SERP-Sternen sofort im Auge des Users auf und erzeugen eine höhere Klick-Chance, erwähnenswert ist auch die Neuromarketing-Sicht auf die Sterne und die Farbe der Sterne. 5 Sterne erzeugen Trust und ein sofortiges Erstvertrauen zu Unternehmen und Produkten, die gold-gelbe Farbe verstärkt diesen Effekt nochmals. Bevor also die eigentliche Webseite geöffnet wurde, ist bereits ein positiver Glaubenssatz bei dem User bzw. potenziellen Kunden entstanden.

*Nebenbei erwähnt: Klickverhalten der SERP

Der erste Platz in Google hat – in manchen Fällen – nicht die höchste Klickrate. Grundsätzlich stimmt es, die höchste Platzierung erzeugt auch die meisten Klicks. Allerdings unterscheiden sich die Platz-Klick-Werte, bei Mobil- und Standgeräten oder bei Suchergebnissen mit – und ohne – Adwords- & GoogleMyBusines Anzeigen. Beispielweise erhält das Suchergebnis auf Augenhöhe, bei einer Usernutzung von Standgeräten wie PC`s, die meisten Klicks – und nicht der erste Platz. Gegensätzlich erhält der erste und zweite Platz eines Suchergebnisses, bei vorhandenen Adwords-Anzeigen und/oder Google-my-Business Anzeigen, ziemlich alle Klicks – da andere Plätze gar nicht mehr auf den ersten Blick sichtbar sind. Eventuell werde ich auf dieses Thema ein anderes Mal genauer eingehen.

Weitere strukturierte Daten

Rich-Snippets beinhalten mehr als nur Sterne, auch Breadcrumbs, direkte Informationsanzeigen in der SERP und weitere Einbindungen für eine bessere Userexperience (UX) sind möglich. Und wie bereits allgemein bekannt ist, steigt der Fokus der Suchmaschinen immer mehr auf die Userexperience und die Qualität der Suchergebnisse. Meines Erachtens ist somit die Einbindung von strukturierten Daten ein unerlässliches Muss.

Professionelle Seo Optimierung günstig kaufen? SEO ANGEBOTE

Der Beitrag Strukturierte Daten – Rich-Snippets & Google-Sterne erschien zuerst auf Homepage nach Preis - Webseite erstellen lassen. Geschrieben von Christopher Rohde.