So ändern Sie den HTML-Code einer Seite in Kontakt

Wir haben ein neues Buch „Content Marketing in“ veröffentlicht in sozialen Netzwerken: Wie Sie in die Köpfe Ihrer Abonnenten eindringen und sie dazu bringen, sich in Ihre Marke zu verlieben.“

Der Quellcode der Website ist eine Reihe von HTML-Markups. CSS-Stile Und JavaScript-Skripte, die der Browser vom Webserver erhält.

Weitere Videos auf unserem Kanal – Internetmarketing lernen mit SEMANTICA

Es kann mit einer Reihe von Befehlen verglichen werden, die ein Kommandant den Soldaten erteilt. Stellen Sie sich vor, dass das Publikum den Chef weder sieht noch hört. Aus ihrer Sicht führt das Militär seine Aktionen selbstständig durch. In unserem Fall ist der Kommandant der Browser, die Befehle der Quellcode und die marschierenden Soldaten das Endergebnis.

Die Website wird auf einem Webserver gespeichert, der die Seite auf Benutzeranfrage sendet. Bei einer Anfrage wird eine URL in die Adressleiste eingegeben, auf einen Link geklickt oder auf die Schaltfläche „Senden“ in einem Formular geklickt. Dabei spielt es keine Rolle, in welcher Sprache die Webseiten geschrieben sind oder ob sie eine Softwarekomponente enthalten. Das Endergebnis eines jeden serverseitigen Algorithmus ist eine Reihe von HTML-Tags und Text.
Der Seitenquellcode ist ein Datensatz, der Folgendes umfasst:

HTML-Markup;
Stylesheet oder Dateilink;
In JavaScript geschriebene Programme oder Links zu Dateien mit Code.

Diese drei Abschnitte werden vom Browser verarbeitet. Für den Server ist dies lediglich der Text, der als Antwort auf die Anfrage gesendet werden muss.

Warum wir möglicherweise den Quellcode studieren müssen

Alles, was wir sehen, können wir analysieren und anwenden, um bestimmte Probleme zu lösen, die bei der Arbeit mit der Website, insbesondere bei der Optimierung, auftreten. Durch einen Blick auf den Quellcode können wir:

Sehen Sie sich die Meta-Tags Ihrer oder einer anderen Website an, um sie zu analysieren.
Sehen Sie sich das Vorhandensein oder Fehlen bestimmter Elemente auf der Website an: Zähler, Identifikationscodes verschiedene Systeme, bestimmte Skripte und andere Dinge.
Finden Sie die Parameter der Elemente heraus: Größen, Farben, Schriftarten.
Finden Sie den Pfad zu Fotos und anderen Elementen auf der Seite.
Entdecken Sie die Links auf der Seite.
Finden Sie Probleme mit dem Code, die den Prozess der Website-Optimierung beeinträchtigen: Stile, die nicht in separaten Dateien abgelegt werden, Skripte, ungültiger Code.

Dies sind die Grundfunktionen, aber tatsächlich können Sie durch die Fähigkeit, den Code zu lesen, viel mehr über die Seite erfahren.

So zeigen Sie den Quellcode einer Site an

Dies ist in der Form, in der es vom Browser auf dem Server veröffentlicht wird, nicht vollständig möglich. Sie können jedoch das gesamte Markup sehen, indem Sie mit der rechten Maustaste auf die Seite klicken. Hier und unten am Beispiel von Google Chrome.

Wählen Sie die Option „Seitencode anzeigen“ und erhalten Sie die vollständige Liste in einem separaten Tab.

Es ist nur Text, den man analysieren muss, um ihn zu verstehen. Mit den Entwicklertools können Sie jedoch interaktiven Code erhalten.

So finden Sie den Quellcode einer Website-Seite

Klicken Sie im Browser auf das Menüsymbol. Meistens befindet es sich rechts und sieht aus wie drei Punkte oder Streifen.

Wählen Sie im Abschnitt „Zusätzliche Tools“ „Entwicklertools“ aus.

Es öffnet sich ein Fenster, das den aktiven Status des Codes anzeigt. Das heißt, wenn Sie auf das Markup klicken, wird der Elementstil daneben angezeigt und die ausgewählten Blöcke werden auf der Seite hervorgehoben.

Auf der Registerkarte „Quelle“ können Sie den Inhalt einiger Dateien anzeigen: Skripte, Schriftarten, Bilder.

Im Reiter „Sicherheit“ können Sie das Zertifikat der Site überprüfen.

Die Registerkarte „Audits“ hilft Ihnen, die auf dem Hosting veröffentlichten Ressourcen zu überprüfen.

Wenn die Position des Bedienfelds auf der rechten Seite ungünstig ist, können Sie auf die drei Punkte klicken und sie ändern, indem Sie das gewünschte Element auswählen.

So zeigen Sie Meta-Tags an

Jedes HTML-Dokument enthält Struktur-Tags. Hier sind einige davon:

HTML – das gesamte Dokument.
Head – Abschnitt der Service-Header.
Titel – Seitentitel (wird auf der Registerkarte angezeigt).
Hauptteil – der Hauptteil des Dokuments.
H1-H6 – Seitentextüberschriften.
Artikel – Artikel.
Abschnitt - Abschnitt.
Menü – Menü.
Div – Block.
Spanne – Zeichenfolge.
P – Absatz.
Tisch – Tisch.

Elemente dienen dazu, Abschnitte auf einer Seite logisch abzugrenzen; bei Bedarf werden sie mithilfe von Stilen gestaltet. Sie enthalten Text, der auf der Seite irgendwie sichtbar ist. Aber das Head-Tag enthält Serviceinformationen. Zur Kennzeichnung werden Meta-Tags verwendet. Alles, was darin steht, ist für den Server und die Suchmaschinen bestimmt.

Ihr Inhalt kann auf andere Weise nicht in Erfahrung gebracht werden.

Achten wir auf das Link-Tag. Mit seiner Hilfe werden Links zu externen eingebundenen Dateien angegeben. Bei Bedarf können Sie den Inhalt anzeigen und auf der Festplatte speichern. Bewegen Sie dazu den Zeiger auf die Adresse und drücken Sie RMB. Wählen Sie „In neuem Tab öffnen“.

Die angegebene Datei wird in einem neuen Tab geöffnet, den Sie anzeigen oder speichern können.

So zeigen Sie den Quellcode einer Seite an, um ein Skript zu debuggen

In diesem Fall ist es am bequemsten, die Seite auf dem lokalen Computer zu öffnen. Wenn Sie nur Markup, Stile und Skripte korrigieren müssen, können Sie dies direkt aus dem Ordner heraus tun. Der HTML-Code wird auf die gleiche Weise angezeigt. Auf der Registerkarte „Konsole“ sind jedoch JavaScript-Codefehler zu sehen. Hier wird die Beschreibung des Fehlers und die Zeilennummer angezeigt, in der er aufgetreten ist.

Die Syntax ist direkt im Code ersichtlich. Dafür gibt es die Registerkarte „Quelle“.

So zeigen Sie den Code eines bestimmten Elements an

Bei großen Seiten mit vielen Elementen ist es schwierig, den erforderlichen Code im gesamten Markup zu finden. In diesem Fall sollten Sie verwenden besonderes Team Kontextmenü. Bewegen Sie die Maus über das Fragment und drücken Sie RMB. Wählen Sie den Befehl „Code anzeigen“.

Es öffnet sich das gleiche Fenster, jedoch mit dem Fokus auf dem ausgewählten Objekt.

Zusammenfassung

Wir haben Ihnen gesagt, was der Quellcode der Seite ist. Es reicht aus, Grundkenntnisse in HTML und CSS sowie deren Verwendung zu beherrschen praktische Werkzeuge Entwickler können Sie Ihre eigenen HTML-Dokumente debuggen.

Durch die Durchsicht des Ressourcencodes im Internet können Sie nicht nur aus Ihren eigenen Erfahrungen lernen, sondern auch echte Arbeitsbeispiele verwenden. Und für SEO-Spezialisten sind Meta-Tags nützlich, deren Informationen viel über die Website aussagen können.

Ich denke, dass es als erfahrener Hacker keine Möglichkeit gibt, den HTML-Code auf der Seite eines anderen zu ändern und dadurch Zugriff darauf zu erhalten, aber für gesetzestreue Benutzer ist dies überhaupt nicht einfach. und im Allgemeinen lohnt es sich nicht.

HTML-Code der VKontakte-Seite kann gewechselt werden.

Der springende Punkt ist jedoch, dass Sie die geänderte Webseite nicht auf das Hosting hochladen können – Sie haben keinen Zugriff auf FTP.

Und so können Sie die Kombination drücken Strg+U(Option „Seitencode anzeigen“). Der Seitencode wird geöffnet, Sie können ihn in einen beliebigen Editor kopieren und bearbeiten.

Sie können auch die Kombination drücken Strg+S(Option Auf Computer speichern). Die Webseite wird auf Ihre Festplatte heruntergeladen. In diesem Fall werden neben der Seite selbst auch alle darauf verwendeten Bilder und Skripte geladen.

Ich empfehle Ihnen, den praktischen HTML-Editor Notepad++ zu verwenden. Wählen Sie nach der Installation auf Ihrem Computer aus Kontextmenü Datei, wählen Sie „Mit Notepad++ bearbeiten“ und bearbeiten Sie alles, was Sie brauchen, mit dem Editor!

Viele Menschen nutzen dies für verschiedene Scherze (Fälschung von Korrespondenz, Erhöhung der Abonnentenzahl, eingehende Nachrichten usw.) sowie für betrügerische Zwecke.

Zuerst gehen Sie zu der Seite, die Sie ändern möchten (bearbeiten Sie den HTML-Code).

Drücken Sie anschließend die Taste F12 oder bewegen Sie den Mauszeiger sofort über das Element, das Sie ändern möchten. Weiter klicken Rechtsklick Klicken Sie mit der Maus und wählen Sie im angezeigten Fenster Elementcode anzeigen aus.

1. Wir gehen auf die Kontaktseite, die wir ändern werden.
1. Drücken Sie F12, bewegen Sie die Maus über das gewünschte Element, klicken Sie mit der rechten Maustaste und wählen Sie Elementcode anzeigen.
Mit der rechten Maustaste wechseln, den Artikel finden Als HTML bearbeiten.

Der Screenshot zeigt, dass sich der Avatar geändert hat.
1. Wir ändern den Namen.
Ergebnis.

Sie können den VKontakte-HTML-Code auf dem VK-Hosting selbst nicht ändern, bis der Unternehmensleiter Sie als Programmierer anstellt.

Sie können den Seitencode jedoch anzeigen und in den Wordepad-Editor kopieren, von wo aus Sie den HTML-Code bearbeiten. Klicken Sie dazu mit der rechten Maustaste auf Ihren Browser und klicken Sie auf Seitencode anzeigen.

HTML Quelltext Dies ist die wichtigste Auszeichnungssprache für verschiedene Dokumente. Alle Dateien, die im HTML-Code geschrieben sind, haben ihre eigene Erweiterung wie -.html oder .htm. Dieser Code kann in jedem Ihrer Dokumente geöffnet werden Texteditor, und es gibt auch spezielle Anwendungen für Webmaster.

Gehen Sie im Browser zu der Stelle, an der Sie den Code korrigieren möchten, und öffnen Sie dann den Code der Seite, die Sie anzeigen möchten. Wählen Sie dazu einen Menüpunkt im Browser aus.

Und dann können Sie es im Editor bearbeiten.

Der Code wurde geöffnet, kann aber nicht bearbeitet werden.

Das ist richtig, Sie sehen es im Ansichtsmodus.

Aber zum Bearbeiten benötigen Sie nur sehr wenig, einen Login und ein Passwort, um als Administrator der VKontakte-Site darauf zuzugreifen – aber wo bekommen Sie das?

Natürlich können Sie den Quellcode der Seite öffnen. Und sogar bearbeiten. Sie können es jedoch nicht auf dem Server speichern. Nur auf Ihrem eigenen Computer.

Außerdem. Solche Websites bestehen nicht aus HTML-Seiten. Sie werden gemäß einer programmierten Vorlage aus der Datenbank dynamisch angeordnet. Ihr Browser sendet eine Anfrage an den Server. Dort fängt es an PHP-Skript(zum Beispiel), das die notwendigen Daten sammelt und unter dem Deckmantel von HTML an den Browser weitergibt. Der Browser verarbeitet dies und zeigt die Seite so an, als bestünde sie ursprünglich aus dem HTML-Code, den das Skript dafür erstellt hat.

Das Ändern des HTML-Codes einer Seite in einem Kontakt ist einfach.

Öffnung gewünschte Seite. Suchen Sie im Browsermenü nach dem Element Quellcode anzeigen (es kann anders sein). Der Browser öffnet den HTML-Code der Seite. Alles auswählen, kopieren und einfügen Text dokument, und Sie können es ändern.

Was wird Ihnen das bringen? Sie werden es nicht wieder auf die Website stellen. Die Seite auf der Website bleibt dieselbe.

Ist das wirklich möglich? Dies ist die Website einer anderen Person. Wie können Sie die Struktur der Website ändern? Ich schätze, egal was passiert, es sei denn, du hackst es

Dieser Artikel ist eine Ergänzung zum Artikel über die Skript-Deobfuscation. Hier betrachten wir die Grundprinzipien der Verschlüsselung und Verpackung, Schwachstellen des Schutzes, Methoden zur manuellen Entfernung sowie universelle Tools zum automatischen Entfernen von Packern und gepolsterten Schutz aus JavaScript-Skripten. In letzter Zeit wird der Quellcode von Skripten immer häufiger verschlüsselt oder verpackt. Yandex, DLE und andere beliebte Projekte begannen sich davon mitreißen zu lassen, und schöne Geschichten über „sich um die Benutzer kümmern“, „Verkehr sparen“ und anderen Unsinn sehen sehr lustig aus. Nun, wenn jemand etwas zu verbergen hat, dann ist es unsere Aufgabe, es ans Licht zu bringen.

Beginnen wir mit der Theorie. Aufgrund der Besonderheiten der JavaScript-Ausführung verfügen alle Verschlüsseler und Packer trotz ihrer Vielfalt nur über zwei Varianten des Algorithmus: Oder alternativ: Die zweite Methode wird am häufigsten zum Schutz des Quell-HTML-Codes der Seite sowie verschiedener Trojaner verwendet um bösartigen Code in die Seite einzuschleusen, beispielsweise einen versteckten Frame. Beide Algorithmen können kombiniert werden, die „Ausgereiftheit“ und Komplexität des Entschlüsselers kann beliebig sein, nur das Prinzip selbst bleibt unverändert.

In beiden Fällen stellt sich heraus, dass das funktioniert eval() Und document.write() Es werden vollständig entschlüsselte Daten übertragen. Wie kann man sie abfangen? Versuchen Sie es mit einem Austausch eval() An Alarm(), und in der geöffneten MessageBox sehen Sie sofort den entschlüsselten Text. Einige Browser ermöglichen das Kopieren von Text aus MessageBoxen, aber es ist besser, diesen halbautomatischen Decoder zu verwenden:

< html >
< head >< title >JavaScript-Decoder
< body >
< script type = "text/javascript" >
// Funktion zum Schreiben der Entschlüsselungsergebnisse in das Protokoll
Funktionsdecoder (str) (
dokumentieren. getElementById("decoded" ). value += str + "\n" ;
< textarea id = "decoded" style = "width:900px; height:500px;" >
< script type = "text/javascript" >

Nehmen wir zum Beispiel ein Skript von Yandex. Nachdem wir uns den Quellcode angesehen haben, sehen wir etwas Ungesundes:

Eval(function(p,a,c,k,e,r)(e=function(c)(return(c c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36)));if(!
"".replace(/^/,String))(while(c--)r=k[c]||e(c);k=)];e=function())(return"\w+") ; c=1);while(c--)if(k[c])
p=p.replace(new RegExp("\b"+e(c)+"\b","g"),k[c]);return p)("$.1e
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||".u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5).2(".6-9").14("7");$(5).2(".6 -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5).16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(".b-r");3 d=$(o).2 ("".b-12");
[Der Rest des gleichen Unsinns wird abgeschnitten]

Ich sage gleich, dass dieses Skript vom JavaScript-Kompressor verarbeitet wird, es ist leicht an seiner Signatur zu erkennen – dem charakteristischen Namen der Funktion am Anfang des Skripts. Das Ganze kopieren Original Text Skript, ersetzen Sie das erste evalu An Decoder, fügen Sie es in den Decoder ein und speichern Sie es als HTML-Seite. Öffnen Sie es in einem beliebigen Browser und sehen Sie, dass das entpackte Skript sofort im Textbereich erscheint. Es ist noch zu früh, sich zu freuen; alle Zeilenumbrüche und Codeformatierungen wurden entfernt. Wie man damit umgeht, erfahren Sie im Artikel über Deobfuscation.

Zweites Beispiel. Hier ist eine HTML-Seite, die mit dem HTML Protector-Programm abgedeckt wurde. Dies ist eine Seite, die die Fähigkeiten des Programms demonstriert, daher sind dort alle Optionen aktiviert: Textauswahl und -kopieren blockieren, rechte Maustaste deaktivieren, Bilder schützen, Statusleiste ausblenden, HTML-Code verschlüsseln usw. Öffnen wir den Quellcode und werfen einen Blick darauf. Ganz oben steht das bereits bekannte document.write und ein verschlüsseltes Skript. Wir lassen es durch den Decoder laufen und erhalten eine Funktion zum Entschlüsseln des Hauptinhalts:

Code (JavaScript):

hp_ok = true ;function hp_d01 (s )( ... cut ... o = ar . join ("" )+ os ; document . write (o )

Wir ersetzen das letzte document.write in der Funktion durch decoder und fügen danach alle drei verbleibenden verschlüsselten Skripte ein:

< script type = "text/javascript" >
// Fügen Sie zuerst das verschlüsselte Skript hier ein
// alle Aufrufe von eval() und document.write() durch decoder() ersetzen.
hp_ok = true ;function hp_d01 (s)( .... o = ar . join ("" )+ os ; decoder (o );
hp_d01 (unescape (">QAPKRV%22NCLEWC ....
hp_d01 (unescape ( ">QAPKRV%22NCLEWCEG? HctcQa ...
hp_d01 (unescape ( ">`mf(%22`eamnmp? !DDDDDD %22v ...

Der Einfachheit halber werden die Skripte in diesem Artikel nicht vollständig aufgeführt; Sie müssen sie vollständig kopieren. Wir öffnen den Decoder im Browser und sehen die vom Programm hinzugefügten Sicherheitsskripte und den entschlüsselten Quelltext der Seite. Der Einfachheit halber können Sie nur das dritte Skript entschlüsseln, das den HTML-Code der Seite enthält. Das ist alles, was der Schutz ist. Wie Sie sehen, nichts Kompliziertes. Andere Schutzmaßnahmen für HTML-Seiten werden auf die gleiche Weise entfernt.

Kommen wir von der manuellen Entschlüsselung zur automatischen Entschlüsselung. Um die erste Schutzart zu entfernen, habe ich das Ihnen bereits bekannte Beautify-Javascript-Skript leicht modifiziert und in eine exe-Datei kompiliert. Es bewältigt die meisten JavaScript-Schutzmaßnahmen und Wrapper, die ich gesehen habe, ohne Probleme.

Eval.JavaScript.Unpacker.1.1-PCL.rar (12.124 Bytes)

In schwierigeren Fällen müssen Sie schwere Artillerie einsetzen. Dies ist ein kostenloses Projekt zur Erforschung von Trojanern und anderem Schadcode. Da alle Programme zum Schutz des Urheberrechts eindeutig bösartig sind, hilft uns Malzilla im Kampf gegen sie. Herunterladen (derzeit ist es 1.2.0), entpacken, starten. Öffnen Sie die zweite Registerkarte „Decoder“, fügen Sie den Code des verschlüsselten Skripts in das obere Fenster ein und klicken Sie auf die Schaltfläche Skript ausführen.

Im Ordner eval_temp Alle Ergebnisse der Ausführung der eval()-Funktionen, einschließlich der Zwischenergebnisse, werden addiert. Sie können sie anzeigen, indem Sie auf die Schaltfläche klicken Ergebnisse von eval() anzeigen, der Text öffnet sich im unteren Fenster. Es kann kopiert, in das obere Fenster eingefügt und sofort per Knopfdruck formatiert werden Code formatieren. Neben dem Decoder verfügt Malzilla über viele weitere Tools und Einstellungen, mit denen sich der Schutz von JavaScript-Skripten ganz einfach entfernen lässt.

Sie können auch noch auf einen weiteren achten kostenloses Tool zum Arbeiten mit verschlüsselten Skripten - FreShow. Es hat weniger Funktionen, aber es hat seinen Platz. Von der Offsite können Sie ein Demovideo herunterladen, das ein Beispiel für die Arbeit mit dem Programm zeigt.

Wie Sie sehen, ist es kein Problem, den Schutz von JavaScript-Skripten und HTML-Seiten zu entfernen. Verteidigen Sie immer noch Ihre abscheulichen „Autorenrechte“? Dann kommen wir zu Ihnen!

Unter allen wunderschöne Bilder, perfekter Typografie und wunderbar platzierten Calls-to-Action ist der Quellcode Ihrer Seite lokalisiert.

Jeden Tag verwandelt Ihr Browser diesen Code in beeindruckende Seiten für Ihre Besucher und Kunden.

Google und andere Suchmaschinen „lesen“ diesen Code, um zu bestimmen, wo Ihre Webseiten in ihren Indizes für eine bestimmte Suchanfrage erscheinen sollen.

Daher ist der Inhalt des Quellcodes für die Suchmaschinenoptimierung (SEO) sehr wichtig.

Das Kurzanleitung zeigt Ihnen, wie Sie den Quellcode Ihrer Website lesen, damit Sie sicher sein können, dass Ihre SEO korrekt ist, und zeigt Ihnen, wie Sie Ihre SEO-Begriffe überprüfen.

Wir werden auch mehrere andere Situationen berücksichtigen, in denen Kenntnisse darüber erforderlich sind, wie die Hauptteile angezeigt und studiert werden Quellcode, wird bei anderen Marketingforschungen hilfreich sein.

So zeigen Sie den Quellcode an.

Der erste Schritt bei der Überprüfung des Quellcodes Ihrer Website besteht darin, sich den tatsächlichen Quellcode anzusehen. Mit jedem Webbrowser können Sie dies problemlos tun.

Nachfolgend finden Sie die Tastaturbefehle, mit denen Sie den Quellcode Ihrer Webseite anzeigen können PC Und Mac.

Firefox – STRG + U (Halten Sie die STRG-Taste gedrückt und drücken Sie die Taste „U“) Alternativ können Sie zum Menü „Firefox“ gehen, dann auf „Web Developer“ und dann auf „Seitenquelle“ klicken.
Internet Explorer- STRG + U. Oder klicken Sie mit der rechten Maustaste und wählen Sie „Quelle anzeigen“.
Chrome – STRG + U. Sie können auf das Schlüsselbild mit drei horizontalen Linien in der oberen rechten Ecke klicken. Klicken Sie dann auf „Extras“ und wählen Sie „Quelle anzeigen“.
Opera – STRG + U. Sie können auch mit der rechten Maustaste auf eine Webseite klicken und „Seitenquelle anzeigen“ auswählen.

Mac

Safari – Die Tastenkombination lautet Option + Befehl + U. Sie können auch mit der rechten Maustaste auf die Webseite klicken und Seitenquelle anzeigen auswählen.
Firefox – Sie können mit der rechten Maustaste klicken und „Quelle“ auswählen oder zum Menü „Extras“ navigieren, „Webentwickler“ auswählen und auf „Seitenquelle“ klicken. Die Tastenkombination lautet Strg + U.
Chrome – Gehen Sie zu „Ansicht“, klicken Sie dann auf „Entwickler“ und dann auf „Quelle anzeigen“. Sie können auch mit der rechten Maustaste klicken und „Seitenquelle anzeigen“ auswählen. Die Tastenkombination lautet Option + Befehl + U.

Sobald Sie wissen, wie man Quellcode anzeigt, sollten Sie auch wissen, wie man ihn durchsucht.

Normalerweise gelten dieselben Suchfunktionen, die Sie beim Surfen im Internet verwenden, auch für die Quellensuche.

Mit den Befehlen STRG + F (Suchen) können Sie schnell den Quellcode wichtiger SEO-Elemente anzeigen.

Titel-Tags.

Der Title-Tag ist das wichtigste Element von SEO. Dies ist das Wichtigste im Quellcode.

Wenn Sie aus diesem Artikel nur eine wertvolle Sache mitnehmen möchten, sollten Sie Folgendes in Betracht ziehen:

Wissen Sie, das sind die Ergebnisse, die Google liefert, wenn Sie nach etwas suchen.

Alle diese Ergebnisse werden den Titel-Tags der Webseiten entnommen. Wenn Ihr Quellcode also keine Title-Tags enthält, werden Sie möglicherweise nicht in Google (oder einer anderen Suchmaschine) angezeigt.

Ob Sie es glauben oder nicht, ich habe tatsächlich Websites ohne Title-Tags gesehen. Lass es uns versuchen schnelle Suche bei Google für den Begriff „ Marketing-Leitfäden". Was wir sehen:

Sie können das erste Suchergebnis für den Blog sehen KISSmetrics Kapitel Marketing-Leitfäden.

Wenn wir dem Link des ersten Suchergebnisses folgen und den Quellcode der Seite betrachten, können wir den Tag im Titel sehen:

Der Titel-Tag wird durch den Eröffnungs-Tag angezeigt: </b>. und endet mit dem schließenden Tag: <b></ <i>Titel</i>> </b>. Der Titel-Tag befindet sich normalerweise oben im Quellcode im Abschnitt <b><head> </b>. </i></p> <p>Und wir können sehen, dass der Inhalt im Title-Tag mit dem übereinstimmt, der im Google-Suchergebnistitel verwendet wird.</p> <p>Aber es sind nicht nur Titel-Tags, die benötigt werden, um in die Google-Suchergebnisse aufgenommen zu werden.</p> <p>Google identifiziert außerdem Wörter in Titel-Tags als wichtige Schlüsselwörter, die seiner Meinung nach für die Suchanfragen der Nutzer relevant sind.</p> <p>Wenn Sie also ein bestimmtes Webseiten-Ranking für ein bestimmtes Thema erreichen möchten, dann achten Sie besser darauf, dass die Wörter, die das Thema beschreiben, im Titel-Tag enthalten sind.</p> <p>Es gibt eine Reihe von Online-Ressourcen, in denen Sie mehr darüber erfahren können <a href="https://osblog.ru/de/podbor-klyuchevyh-slov-statistika-klyuchevyh-slov-google-i-yandeks/">Stichworte</a> und Titel-Tags spielen eine wichtige Rolle in der Gesamtarchitektur Ihrer Website.</p> <p>Hier sind einige wichtige Punkte, die es Ihnen ermöglichen, sich an die Bedeutung Ihrer Titel-Tags zu erinnern:</p> <ul><li>Stellen Sie sicher, dass Sie nur einen Titel-Tag pro Webseite haben.</li> <li>Stellen Sie sicher, dass jede Webseite Ihrer Website über einen eigenen Titel-Tag verfügt.</li> <li>Stellen Sie sicher, dass jedes Titel-Tag auf Ihrer Website einzigartig ist. Duplizieren Sie niemals den Inhalt eines bestimmten Titel-Tags.</li> </ul><h3></h3> <p>Das nächste wichtige Element am Kopf Ihrer Webseite ist das Meta-Beschreibungs-Tag.</p> <p>Dabei handelt es sich um einen 160 Zeichen langen Ausschnitt Ihres Inhalts, der in Suchmaschinen unter Ihrem Titel erscheint.</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/read-website.png' height="511" width="500" loading=lazy loading=lazy></p> <p>Ich habe Hunderte von Websites gesehen, die dieses Tag völlig ignorieren.</span><span>Es ist sehr einfach im Quellcode zu finden:</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/how-read1.png' width="100%" loading=lazy loading=lazy></p> <p>Überprüfen Sie also, ob dieses Tag auf allen Webseiten Ihrer Website vorhanden ist. Noch wichtiger: Stellen Sie sicher, dass Sie es nicht auf mehreren Seiten duplizieren.</p> <p>Ein doppeltes Meta-Beschreibungs-Tag ist keine Strafe <a href="https://osblog.ru/de/chrome-search-engine-how-to-change-the-default-search-engine-in-google-chrome/">Suchmaschine</a>, aber das ist ein sehr großer Marketingfehler.</p> <p>Viele Leute ignorieren den Meta-Beschreibungs-Tag, aber Sie sollten wirklich daran arbeiten, da er von der Suchmaschine gelesen wird.</p> <p>Überlegen Sie, wie ein Meta-Beschreibungs-Tag dazu beitragen kann, mehr Besucher anzulocken und gezielte Conversions auf Ihre Website zu steigern.</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://osblog.ru/kak-izmenit-html-kod-stranicy-v-kontakte/" content="https://osblog.ru/kak-izmenit-html-kod-stranicy-v-kontakte/" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content=" Как изменить HTML-код страницы в контакте"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i1.wp.com/semantica.in/wp-content/uploads/2017/11/code-3.png"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">IN VERBINDUNG STEHENDE ARTIKEL</span></h4> <div class="ads-border"> <div class="ads-content"> <div id="povusy1" style="height:90px;width:690px;" align="center"></div> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Nützlich</span></div> <div class="textwidget" align="center"><div id="povusy2" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Werbung</span></div> <div class="textwidget" align="center"><div id="povusy3" style="height:200px;width:300px;" align="center"></div></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Neu</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/vs-o-whatsapp-ot-zagruzki-do-polnocennogo-ispolzovaniya-chto/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/composs.ru/wp-content/uploads/2017/06/chto_takoe_vatsap2.jpg" alt="Alles rund um WhatsApp: vom Download bis zur vollständigen Nutzung" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/vs-o-whatsapp-ot-zagruzki-do-polnocennogo-ispolzovaniya-chto/" title="Alles rund um WhatsApp: vom Download bis zur vollständigen Nutzung" rel="bookmark">Alles rund um WhatsApp: vom Download bis zur vollständigen Nutzung</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/vhod-v-lichnyi-kabinet-vsp-group-vsp-group-wsp-partnerka-chestnyi-obzor-otzyvy-i/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/lifeha.ru/wp-content/uploads/2016/05/VSP-Group.jpg" alt="Partnerprogramm der VSP Group (WSP)." loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/vhod-v-lichnyi-kabinet-vsp-group-vsp-group-wsp-partnerka-chestnyi-obzor-otzyvy-i/" title="Partnerprogramm der VSP Group (WSP)." rel="bookmark">Partnerprogramm der VSP Group (WSP).</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/kody-na-dzhast-keis-dengi-pomoshch-kody-kuponov-i-promokody-justcase/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://osblog.ru/wp-content/uploads/2024/just-mac.png" alt="Codes für nur Fallgeld" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/kody-na-dzhast-keis-dengi-pomoshch-kody-kuponov-i-promokody-justcase/" title="Codes für nur Fallgeld" rel="bookmark">Codes für nur Fallgeld</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/kak-vybrat-nuzhnyi-byuti-keis-chto-takoe-byuti-keis-vot-neskolko/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/1ori.ru/images/b1.jpg" alt="Was ist ein Beauty Case? Hier einige Tipps" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/kak-vybrat-nuzhnyi-byuti-keis-chto-takoe-byuti-keis-vot-neskolko/" title="Was ist ein Beauty Case? Hier einige Tipps" rel="bookmark">Was ist ein Beauty Case? Hier einige Tipps</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/zagruzit-faily-bez-registracii-besplatnyi-failoobmennik-bez/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/compgramotnost.ru/wp-content/uploads/2012/02/fileobmennik-mail-ru.jpg" alt="Kostenloser File-Sharing-Dienst ohne Registrierung – DropMeFiles" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/zagruzit-faily-bez-registracii-besplatnyi-failoobmennik-bez/" title="Kostenloser File-Sharing-Dienst ohne Registrierung – DropMeFiles" rel="bookmark">Kostenloser File-Sharing-Dienst ohne Registrierung – DropMeFiles</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/kak-ispravit-oshibki-s-tunnelem-v-hamachi-zheltyi-treugolnik/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/lifehacki.ru/wp-content/uploads/2016/11/Hamachi-net-1.jpg" alt="Computerhilfe Hamachi-Tunnelproblem, was zu tun ist" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/kak-ispravit-oshibki-s-tunnelem-v-hamachi-zheltyi-treugolnik/" title="Computerhilfe Hamachi-Tunnelproblem, was zu tun ist" rel="bookmark">Computerhilfe Hamachi-Tunnelproblem, was zu tun ist</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/kitaiskii-smartfon-krasnyi-ris-obzor-xiaomi-red-rice-hongmi---oficialnyi/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/img.mysku-st.ru/uploads/images/01/56/54/2014/01/09/1e9a2f.jpg" alt="Rezension von Xiaomi Red Rice (Hongmi) – offizielles MIUI-Smartphone basierend auf MTK" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/kitaiskii-smartfon-krasnyi-ris-obzor-xiaomi-red-rice-hongmi---oficialnyi/" title="Rezension von Xiaomi Red Rice (Hongmi) – offizielles MIUI-Smartphone basierend auf MTK" rel="bookmark">Rezension von Xiaomi Red Rice (Hongmi) – offizielles MIUI-Smartphone basierend auf MTK</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/pochemu-televizor-ne-vidit-hdmi-kak-vyvesti-izobrazhenie-s-kompyutera/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/help-wifi.com/wp-content/uploads/2016/04/DSC_0651.jpg" alt="So zeigen Sie ein Bild von einem Computer auf einem Fernseher an: Was Sie wissen und tun müssen Warum ich HDMI anschließe, wird auf dem Fernseher kein Bild angezeigt" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/pochemu-televizor-ne-vidit-hdmi-kak-vyvesti-izobrazhenie-s-kompyutera/" title="So zeigen Sie ein Bild von einem Computer auf einem Fernseher an: Was Sie wissen und tun müssen Warum ich HDMI anschließe, wird auf dem Fernseher kein Bild angezeigt" rel="bookmark">So zeigen Sie ein Bild von einem Computer auf einem Fernseher an: Was Sie wissen und tun müssen Warum ich HDMI anschließe, wird auf dem Fernseher kein Bild angezeigt</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://osblog.ru/de/proverka-sostoyaniya-akkumulyatora-noutbuka-iznos-batarei-noutbuka/" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/support.hp.com/doc-images/290/c05861677.jpg" alt="Überprüfen des Akkustatus des Laptops" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://osblog.ru/de/proverka-sostoyaniya-akkumulyatora-noutbuka-iznos-batarei-noutbuka/" title="Überprüfen des Akkustatus des Laptops" rel="bookmark">Überprüfen des Akkustatus des Laptops</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="https://osblog.ru/de/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Computerportal Osblog" title="Computerportal Osblog" / loading=lazy loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p>© Computerportal osblog, 2024</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://osblog.ru/de/feedback/">Rückkopplung</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://osblog.ru/de/sitemap.xml">Seitenverzeichnis</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">Über die Website</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> <script type="text/javascript">  </script><br> <br> </body> </html>