Jeder ist mit dem Meta-Tag in Web-Layouts auf Desktop-Plattformen bestens vertraut. Freunde, die SEO betreiben, müssen ein besonderes Gespür für Meta-Tags haben , welche magischen Auswirkungen haben Meta-Tags auf mobilen Plattformen?
1. Metas Ansichtsfenster
Apropos Meta-Tags für mobile Plattformen: Wir müssen über Ansichtsfenster sprechen. Was ist also Ansichtsfenster?
Ansichtsfenster ist der visuelle Bereich, der zum Anzeigen von Webseiten verwendet wird, nachdem alle Symbolleisten, Statusleisten, Bildlaufleisten usw. entfernt wurden.
Bei herkömmlichen WEB-Seiten ist es normal, dass sie auf dem iPhone mit einer Breite von 980 angezeigt werden, und sie füllen auch den Bildschirm aus. Bei Web-Apps kann dies jedoch ein kleines Problem sein. Auf iPhones haben unsere Web-Apps normalerweise eine Breite von 100 cm im Hochformat. Welchen Effekt hat unsere 320-Seiten-Anzeige auf dem iPhone? Manche Leute denken vielleicht, dass das iPhone nicht 320 mm breit ist, sondern den Bildschirm ausfüllen sollte, oder? Schauen wir uns an, wie das folgende Layout auf dem iPhone aussieht
Also müssen wir das Ansichtsfenster ändern. Wir haben die folgenden Attributwerte, die festgelegt werden können:
width: Breite des Ansichtsfensters (Bereich von 200 bis 10.000, Standard ist 980 Pixel)
height: Höhe des Ansichtsfensters (Bereich von 223 bis 10.000)
initial-scale: anfängliche Skalierung (Bereich von > ;0 bis 10)
Minimaler Maßstab: Der minimale Maßstab, auf den der Benutzer zoomen darf
Maximaler Maßstab: Der maximale Maßstab, auf den der Benutzer zoomen darf
Benutzerskalierbar: Ob die Der Benutzer kann manuell zoomen
Für diese Attribute können wir eines oder mehrere davon festlegen, und Sie müssen nicht alle gleichzeitig festlegen. Das iPhone berechnet stattdessen automatisch andere Attributwerte auf der Grundlage der von Ihnen festgelegten Attribute direkt mit den Standardwerten.
Wenn Sie „initial-scale=1“ festlegen, betragen Breite und Höhe automatisch 320*356 im Hochformat (nicht 320*480, da die Adressleiste usw. alle Platz beanspruchen) und 480*208 im Querformat. Wenn Sie nur die Breite festlegen, werden der Anfangsmaßstab und die Höhe automatisch berechnet. Wenn Sie beispielsweise die Breite auf 320 festlegen, beträgt die Anfangsskalierung 1, wenn sich der Bildschirm im Hochformat befindet, und beträgt 1,5, wenn sich der Bildschirm im Querformat befindet. Wie informieren diese Einstellungen Safari darüber? Tatsächlich ist es ganz einfach, nur ein Meta, in der Form:
Okay, wir können unsere Seite im Vollbildmodus gestalten und müssen uns keine Sorgen mehr machen, dass die Seite sehr klein angezeigt wird!
2. Metaformaterkennung
Sie haben eindeutig eine Zahlenfolge geschrieben, ohne einen Link-Stil hinzuzufügen, aber das iPhone fügt Ihrem Text automatisch einen Link-Stil hinzu, und wenn Sie auf die Nummer klicken, wird die Nummer automatisch gewählt! Wie entferne ich diesen DFÜ-Link? Zu diesem Zeitpunkt sollte unser Meta erneut seine magische Kraft zeigen. Der Code lautet wie folgt:
telephone=no deaktiviert die Umwandlung von Nummern in Einwahllinks!
telephone=yes ermöglicht die Konvertierung von Nummern in DFÜ-Links. Um die Konvertierungsfunktion zu aktivieren, ist es nicht erforderlich, dieses Meta zu schreiben. Es ist standardmäßig aktiviert.
3. Metas Apple-Mobile-Web-App-fähig
Die Funktion dieses Metas besteht darin, die standardmäßige Apple-Symbolleiste und Menüleiste zu löschen. Der Inhalt hat zwei Werte: „Ja“ und „Nein“. Wenn wir die Symbolleiste und die Menüleiste anzeigen müssen, ist es nicht erforderlich, diese Metazeile hinzuzufügen.
4. Meta des Apple-Mobile-Web-App-Statusleistenstils