Преглед на клавиатурата на Microsoft Surface - какво трябваше да направи Apple (и след това през последната седмица)

Преработвам нашия сайт за намаляване на HTTP заявки и блокиране на заявки чрез обединяване на JS, css, gzipping, зареждане на всички JS чрез LABjs и използване на CSS спрайтове за изображения, които са били заредени поотделно чрез тагове преди.

До този момент напредъкът беше голям - подобряване на производителността на зареждането на 5 пъти. Ние обаче сме в топ 5 на класирането в органичното търсене в Google за много насочени ключови думи и фрази. Опасявам се, че премахването на толкова много img тагове с атрибути alt може да навреди на SEO.

Някой има ли опит с манипулиране / премахване на alt tag и ефекти върху SEO позициите? Предишният ранг "лепкав" ли е?

Като цяло трябва да използвате спрайтове на изображения само за нетангенциални изображения като икони. Изображенията, които се отнасят до съдържанието, трябва да останат като img тагове.

Като казахте това, вероятно не е нужно да се притеснявате твърде много, че ще загубите няколко ключови думи. Използването на таг за заглавие е добра идея за достъпност.

1: Алтернативен текст е необходим за Google SEO, но само защото Google харесва уебсайтове, които са създадени за различни типове браузъри и потребителски способности, напр .: браузъри само с текст, деактивиран javascript и др., Като се има предвид, че наличието на алтернативен текст за изображения ще комплиментира резултатите от органичното ви търсене като цяло.

2: Използването на ключови думи в алтернативен текст е нормално, но само ако алтернативният текст се използва за точно описание на това, което е изображението, следователно целта на алтернативния текст. С други думи, ако целта на алтернативния текст не е за плътността на ключовите думи. Съвет: ако имате качествено, подходящо и оригинално съдържание, дори не трябва да се притеснявате за плътността на ключовите думи.

3: Скоростта на страницата е друг фактор в алгоритъма на Google. Това е така, защото скоростта благоприятства потребителското изживяване. CSS спрайтовете помагат за намаляване на скоростта на страницата, като намаляват http заявките. Много големи уебсайтове, включително Google, ги използват.

Като се има предвид това, бих искал да мога да предложа повече информация, тъй като и аз го търся тук.

актуализация:

прочетете публикацията по-долу, тъй като може да има повече информация по тази тема

кликнете тук за друга публикация, свързана с този проблем

Вместо да използва alt атрибути, за да предоставите заместващ текст за текстови браузъри, екранни четци, търсачки и т.н., можете просто да поставите обичайно текстово съдържание вътре в елемента, който използвате, за да покажете CSS спрайта и да го скриете с CSS.

Един от най-простите начини да направите това е с нещо подобно:

.sprite { display: block; text-indent: -9999px; overflow: hidden; } 

Други възможни решения включват обвиване на текста в a span вътре в спрайтовия елемент и след това с използване на абсолютно позициониране, за да го преместите извън зоната на екрана или като зададете неговата непрозрачност на 0 или просто с помощта на visibility: hidden.

Имайте предвид, че вероятно не бива да злоупотребявате с нито една от тези техники: ако значителна част от съдържанието ви е скрито с CSS, търсачките може да помислят, че се опитвате да ги подмамите.

Също така не забравяйте, че можете да зададете title атрибути на почти всеки HTML елемент и повечето браузъри ще ги покажат като подсказки за навигация.

  • Трябва да бъда много предпазлив за това - не съм сигурен как бот на Google ще види това, тъй като по същество ще поставите богато съдържание на ключови думи в div и след това ще го скриете с css, то лесно може да бъде интерпретирано погрешно като пълнене на ключови думи.

Скриването на съдържание, ключови думи, особено на вашата страница, само за да даде на Google повече ключови думи за обхождане, не е добра идея, както предложи другият човек Каронен. Не бива да се опитвате да подвеждате Google, като скривате ключови думи в съдържанието си. Ако напредъкът върви добре, продължете напред. Подобрявате времето за зареждане на вашия сайт, което е плюс в очите на Google. За вашето органично класиране влизат в игра повече от атрибутите alt на вашите img тагове. Ако се притеснявате да се придвижите надолу в класацията, поработете върху получаването на още няколко от значение препратки, които са dofollow

Вие решавате това, като преосмисляте възможностите си.

Създавате определена област с с display:block; или

и използвайте overflow hidden; за да скриете преливането и position:relative;.

След това поставяте своя спрайт на изображението вътре в абсолютно позиционирано, което е възможно, тъй като сте позиционирали родителя.

След това използвайте :hover върху изображението, за да смените позицията.

Сега вашият спрайт се основава на img маркер, така че можете да използвате вашия alt текст.

Следващият пример се основава на спрайт във Facebook с две версии на иконата една върху друга, всяка 50px на 50px, общата височина на изображението е 100px:

<!DOCTYPE html> <html> <head> <style> .icon { display:block; position:relative; width:50px; height:50px; border:1px solid red; overflow:hidden; } #fb { position:absolute; top:0; left:0; } #fb:hover { position:absolute; top:-50px; left:0; } </style> </head> <body> Facebook </body> </html> 

е работил за вас: Charles Robertson | Искате ли да се свържете с нас?