2012-09-26 16 views
8

Nehmen wir an, ich verwende einige onload Animation für meine Seiten, zum Beispiel:Beeinflusst onload Animation SEO?

$(document).ready(function() { 
    $('html.myhtml').css('overflow', 'auto').fadeTo(0, 0, function() { 
     $(this).css('visibility', 'visible').animate({ 
      opacity: 1 
     }, 200); 
    }); 
})​ 

und beginnen mit einem Inline-Stil es in erster Linie versteckt zu machen:

<html class="myhtml" style="visibility:hidden; overflow:hidden"> 

Zunächst wird die Seite wäre diente als leer und animierte dann mit fadein. Ich möchte wissen: -

  • Beeinflusst dies die SEO in irgendeiner Weise?
  • Ist diese Übung gut oder gibt es einige gewichtige Argumente, dies nicht zu tun?
+0

Was Sie Verblassen in zu? Sprechen wir über einen fantastisch geschriebenen Artikel ODER vielleicht Augenschmaus Grafiken wie süße Kätzchen reiten auf Einhörner ODER was? Eine Suchmaschine möchte letztendlich die besten Ergebnisse für den Benutzer und das solltest du auch. Wenn Sie also in die Informationen eintauchen, die ich zuerst finden wollte, ob es sich um einen Artikel oder um Kätzchen handelte, dann sollte es Ihnen gut gehen. –

Antwort

2

Beeinflusst es SEO?

Wenn ich dies mit einem Ja zu beantworten hatte oder keine Antwort, dann würde ich sagen: nein

Ist diese Praxis in Ordnung oder gibt es einige gewichtige Argumente so nicht zu tun?

Wir könnten den ganzen Tag über die Animation streiten und immer noch nicht sicher beantworten. Welchen Zweck hat eine Animation für eine Suchmaschine? Keiner. Also also angeblich für den Benutzer? Welchen Zweck hat eine Animation für einen Benutzer zu verblassen? Keiner. Also, wenn wir mit dem "Design für Benutzer nicht für Suchmaschinen" -Modell gehen würde ich wahrscheinlich die Animation entfernen. Das ist meine Meinung.

Zurück zur SEO Frage, wirkt es sich auf SEO aus? Nicht wirklich nein, aber das hängt von der Suchmaschine und dem Publikum ab. Wenn ich eine Person bin, die einen Bildschirmleser verwendet, kann ich nicht von Ihrer Seite profitieren, da mein Bildschirmleser fehlschlägt. Wenn ich Javascript deaktiviert habe, wird es meine Benutzerfreundlichkeit verletzen (ich persönlich blicke mit FF NoScript Plugin).

Ich weiß, Sie sagten Benutzer ohne Javascript haben kein Geschäft auf Ihrer Website, aber nichtsdestoweniger sollten Sie dies berücksichtigen und irgendwie damit umgehen. Der Googlebot hat während des Crawlens keine JavaScript- oder Session-Cookies aktiviert. Zweitens, wenn einer Ihrer js scheitert, möchten Sie vielleicht, dass es sich anmutig auf etwas zurückverwandelt, das für den Benutzer verwendbar ist, oder zumindest einige Anweisungen, die ihn wie 'Willkommen! Wir haben hier fancypants Animationen, die Ihr Browser nicht unterstützt! Bitte aktivieren Sie Javascript '.

Erzwungene Animationen im Allgemeinen sind für einen Benutzer lästig, besonders wenn sie jede Seitenladung wiederholen. Das Hinzufügen von Seiten ist schlecht für Google SEO, da die Geschwindigkeit jetzt ein Faktor im Ranking ist.

Wie ich bereits erwähnt, crawlt der Googlebot nicht mit aktiviertem JavaScript oder Session-Cookies. Sie haben verschiedene Crawler für verschiedene Zwecke, wie einige nur für Handys und einige für js und einige für Flash. Es ist erwähnenswert, dass eine Animation/Popup/oder etwas beim Laden von "Google Instant Previews" erfasst und dem Nutzer in den Ergebnissen angezeigt wird (in Ihrem Fall könnte es wie eine leere Seite aussehen). Und wie schon von WDever erwähnt, ist es im Allgemeinen sicherer, Texteinzüge oder negative Ränder als Ihren Ausgangszustand zu verwenden, anstatt Sichtbarkeit/Anzeige/Überlauf für diese Art von Dingen.

Dies ist, wie ich es tun würde (here's a live preview with 4 second animation delay to test with and without js enabled):

<html> 
<head> 
<style> 
.myhtml {visibility:hidden; overflow:hidden;} 
</style> 
<script>document.documentElement.className='myhtml'</script> 
</head> 
<body> 

1. html is not hidden initially and no class 
2. css styles register .myhtml class with the hidden stuff you want 
3. the script tag just before the BODY tag will fire and add the class to html thus hiding things for those with javascript enabled. Everyone else who has JS disabled sees the page properly. 
4. at the bottom of the page your jquery fires animating the page 

<script> 
$(document).ready(function() { 
    $('html.myhtml').css('overflow', 'auto').fadeTo(0, 0, function() { 
     $(this).css('visibility', 'visible').animate({ 
      opacity: 1 
     }, 200); 
    }); 
})​ 
</script> 
</body> 
</html> 
+0

Nun, eigentlich denke ich, dass du recht hast, wenn du sagst, dass es keine Rolle spielt ... und wenn ja, warum sollte man sich dann wirklich darum kümmern, es umzusetzen?Nach einigen Wiederholungsversuchen bemerkte ich, dass diese versteckten und angezeigten Tricks es oft unruhig aussehen lassen und die Seitenladung tatsächlich verzögern. Es sei denn, wir sprechen über sehr einfache Layout-/Textseiten wie in Ihrem Posted-Beispiel, von denen wir sicher sein können, dass sie die Leistung nicht überlasten. – Anonymous

+0

Warum verwenden Sie Ihr Stylesheet nicht, um .myhtml zur Anzeige zu setzen: none und fügen Sie dann hinzu. Scheint einfacher. – adnan

7

Es wird es nicht beeinflussen. Ich habe Google-Bots-Lesungen persönlich anhand von Mikrodaten aufgrund eines identischen Anliegens getestet. Google hat nun tatsächlich einen gewissen Einblick in JavaScript-Interaktionen und sogar SWF-Dateien. Du solltest also im Klaren sein.

+0

Danke, interessant zu wissen. Wenn Sie einen haben, wäre ein Link hilfreich, um die Arten von JS-Interaktionen zu verstehen, die Google sieht/nicht sieht. – davesnitty

+0

Ich habe keinen solchen Link, weshalb ich diesen manuell testen musste. Aber soweit ich das beurteilen kann hat google Zugriff auf alles was dort auf Seite geladen wird und dann einiges. Das einzige, was Google wirklich nicht zu sehen scheint, ist Inhalt, der mit Ajax geladen ist. – Fresheyeball

+0

IMO, google bots kümmern sich nicht viel über CSS-Stile (Sichtbarkeit: versteckt) ... sie werden immer noch über Ihre Seite crawlen. auf der anderen Seite, wenn Ihr Inhalt über Ajax geladen wird, dann wird der Bot nichts sehen, und Sie werden in der Kälte gelassen werden ... –

1

Soweit ich weiß, erkennt Google nur den Anfangszustand der Seite. Dies umfasst CSS-Rendering, zum Beispiel, wenn Sie display:none; oder visibility:hidden; hinzufügen, ich glaube nicht, dass Google es indizieren wird.

Um sicher zu gehen, würde ich den Inhalt beim Laden verbergen und dann einblenden. Ich habe es nicht wirklich getestet, aber ich habe nie gesehen, dass die Bots von Google zu gut mit JavaScript interagieren. Eine Ausnahme scheint bei der Verwendung der Hashbang-Methode zu sein.

Ein weiterer Bonus zu dieser Methode wird sein, dass Benutzer mit Javascript deaktiviert (ich weiß, duh), wird immer noch in der Lage, Ihren Inhalt zu sehen, wie es nicht in erster Linie versteckt werden.

+0

Wenn der Benutzer Javascript deaktiviert hat, dann haben sie nichts auf meiner Website zu tun. Vielleicht hat das Google es so gemacht, wie du es sagst, aber diese Frage ist zeitkritisch, und 2012 weißt du es. Du hast auch keine Beweise gebracht, also bin ich nicht überzeugt. – Anonymous

+0

Ich kann Ihnen ein Beispiel geben, wo ich dies zu meinem Vorteil SEO weise verwendet habe. Ich habe eine Umleitung Seite, die einige sehr einfache HTML-Markup, ohne Layout, was auch immer. Dies ist für SEO optimiert und jeder Link weist darauf hin. Dann benutze ich Javascript, um den Benutzer auf eine Seite umzuleiten, die durch JavaScript und URL-Hash dynamisch gemacht wurde. Das ist zwar nicht die beste Vorgehensweise, aber die Umstände haben mich dazu gezwungen, es auf diese Weise zu gehen. Google konnte meine Hash-URL nicht indizieren. Es konnte auch die JavaScript-Umleitung nicht lesen und blieb daher auf der SEO-optimierten Seite. Diese Seite funktioniert noch. –

+0

Aber nein, ich kann keine Beispiele für eine Website geben, die überhaupt nicht wegen Javascript indexiert sind. Wie gesagt, es scheint ein spezielles Schema bezüglich Hashbang-URLs zu geben. Wie auch immer, ich halte es für eine schlechte Übung. Wenn Sie Beweise brauchen, tut mir leid, dass ich keine habe. Aber wenn Sie nach Best Practice fragen, werden Sie Meinungen bekommen, nicht ausschließlich Fakten. –

0

ich leider nicht die SEO Antwort auf Ihre Frage, aber eine Lösung wäre, eine negative Marge zu verwenden, um das Element zu verstecken außerhalb des Bildschirms. Wenn dann Javascript einsetzt, stellen Sie die korrekte Position ein und verstecken sich, dann blenden Sie ein oder machen Sie, was immer Sie wollen.

2

Ich denke, Sie sollten sich bei Google Webmasters Tools registrieren. Finden Sie dann eine Funktion namens "Fetch as googlebot" und lassen Sie Google nun los und holen Sie Ihre gewünschte Seite und sehen Sie, ob sie einen Fehler oder ungewöhnliches Verhalten findet oder nicht zeigt, was Sie erwartet haben. Wenn dies der Fall ist, können Sie sicher sein, dass etwas mit Ihrer Seite nicht stimmt und Google wird Ihnen sagen, welches Problem beim Crawlen Ihrer Seite aufgetreten ist. Dann geht es darum, das Problem zu beheben.

Bearbeiten: Das Hauptproblem von Suchmaschinen mit Javascript ist, dass js Barrieren beim Abrufen und Lesen von Inhalten von Seiten erstellen. Um genau zu sein, dieses Problem tritt meistens dann auf, wenn auf der eigentlichen Seite kein Inhalt vorhanden ist und Sie js verwenden, um Inhalt von woanders zu holen (daher Ajax-Seo-Probleme). Man sollte sich also Gedanken darüber machen, Inhalte auf Seiten zu setzen, anstatt sie von woanders zu holen.

Also sollte man auch ihre Seiten mit js und css testen und sehen, wie ihre Seiten aussehen, wenn Google und andere Suchmaschinen Ihre Seiten sehen. Nach all den fantastischen Animationen, dem Holen und anderen Dingen, wenn Google immer noch in der Lage ist, Ihre Seiten zu lesen, zu crawlen und zu indizieren, werde ich mich keine Sekunde sorgen und Sie sollten es auch nicht tun. Schließlich, wenn Google in Ordnung ist, sind wir mehr als in Ordnung.

+0

Es holt es genau so, wie es aussehen sollte, und keine Fehler gemeldet. vielleicht ist es wirklich alles in Ordnung - nun, diese Übung macht sicherlich Sinn, danke. – Anonymous

+0

Noch eine Sache, sollten Sie auch auf die zwischengespeicherte Seite von google in serps (Google-Suchergebnisse) suchen. Sie erfahren, was Google beim Crawlen Ihrer Website gefunden und gespeichert hat. Wenn alles genau so ist, wie Sie es erwartet haben, und nichts falsch ist, müssen Sie sich keine Sorgen machen, und denken Sie daran, dass die meisten Ihrer displaybezogenen Prozesse in den Browsern der Benutzer passieren werden. Also, wenn Google mit deinen Inhalten einverstanden ist, dann ist es gut zu gehen. – metadice

+0

Ich habe meine Antwort bearbeitet und eine kleine Erläuterung hinzugefügt, vielleicht hilft es Ihnen noch mehr. – metadice