سئو در مشهد

Looker studio
ابزاری از خویش گوگل که به راحتی می‌تونید سرچ کنسول و آنالتیکس رو بهش وصل نمایید و کیفیت عالی‌‌خیس بررسی‌هاتون سئو در مشهد رو پژوهش نمائید.
می‌تونیم او‌لین نمودار رو وصل کنیم به اکسل انتها که سهم هر حریف از بازار رو بهمون میداد.
تک تک ورقه‌‌های اکسل رو وصل میکنیم و نمودار رو درمیاریم.
می‌تو‌نید رو تحلیل‌ها ظریف بشید و گپ‌ها رو شناسایی فرمایید.
می‌تونید از غربال هم به کار گیری نمائید و سهم هر رو ترافیک رو روی کیورد ملاحظه کنید. و عدم وجود‌های وبسایت‌هایی که فعالیت نکردن رو پیدا نمائید و شما برید روشون شغل فرمائید.
خیلی امور می‌تونید جاری ساختن بدید و پتانسیل رو به گروه فروش بگید و در گوگل ورقه خدمات سئو در مشهد ارائه بدید.
مزیت لوکر استدیو به گوگل صفحه
بصری زیباست
آنلاین می باشد و میشه تایمش رو عوض کرد و اظهار کرد گزارش رو توی یک ماه یا این که 1سال اخیر بده
می‌تونی share کنی
درحال حاضر دیتا رو می‌تونیم چی فعالیت کنیم؟
بدیم گروه فروش. در صورتی محصولی سرچ متعددی داره و جانور نداریم جانور کنه.
برای ساخت‌و‌ساز ساختار وبسایت و فرصتی که میشه با سکو‌بندی ترافیک گرفت.
ساختاربندی از نصیب‌های اساسی بهینه سازی هستش.

Keyword targeting

Check inventory with your products and marketing

Start designing site structure. Does it need migration?

Design faceted menu

With clusters site to PLP ( product listing page)

With one target to pdf (product detail page) do you need tags?

Assign clusters to urls and empower your topical authority

شاید به عنوان مثال به گروه متاع بگید عینک آفتابی و اون بگه جانور ندارم براین اساس inventory تو تارنما‌تون جان دار باشه. این محدودیت‌ها رو تحلیل نمایید که ملاحظه کنید گروه‌بندی بسازید یا این که خیر. در حالتی که فرضا دو عدد متاع دارید گروه‌بندی نسازید. در اصل گوگل به گروه‌بندی‌هایی که کالا پاره ای دارا‌هستند رنک خیر و خوبی نمیده.

Topical authority هنگامی در صنعت عینک داریم روی چه شاخه‌هایی داریم شغل می کنیم. کیورد ریسرچ کارکشته داریم. وب لاگ پست توانمند داریم. تو اون حوزه expert محسوب بشید. ساختار صحت تو تارنما داشته باشید که برای گوگل قابل index باشد.

وبسایت‌های متعددی می باشند که ساختار و یو آر ال‌شون صحیح وجود ندارد و مبتنی بر کیورد ریسرچ می‌تونیم اصلاح‌شون کنیم.

نشست چهارم seo تکنیکال

Core web vitals: در امر پرفورمنس تارنما یا این که تجارب کاربری میباشد که وبسایت برای استفاده کننده تولید می‌کنه.

Core web vitals در سرچ کنسول به پژوهش ux وبسایت میپردازد و از این جهت سه شاخص LCP ( نمادی از سرعت لودینگ وب سایت)، FID نمادی از سرعت تعامل‌پذیری و CLS ( نمادی از ثبات بصری تارنما را گزینه تحقیق قرار می دهد.)

شاخص FId در هم اکنون جایگزینی با شاخص نو به اسم IND میباشد.

۴،۳ سال قبلی گوگل صرفا با گاز بار گذاری وبسایت می‌پرداخت، بعد از آن اظهار‌کرد ux داره و بعد از آن سه شاخص را مطرح کرد که نقش مهمی در رنکینگ دارا هستند.

LCP وسیع ترین المان بصری وب سایت در چه تایمی بارگذاری میشود.

FID او‌لین تعاملی که استفاده کننده برقرار کرده و پاسخش تو تارنما اومده.

CLS: موقع بارگذاری شدن تارنما چقدر بهم ریختگی وجود داره.

LCP Largest contentful paint

برهه زمانی باصرفه‌اش کمتر از ۲۵ ثانیه‌ میباشد.

وسیع ترین المان ممکنه یه عکس، نوشته‌ی‌علمی یا این که جعبه محتوایی باشه

نکته: مراد تمام ورقه وجود ندارد. اون بخش از محتوا که در نگاه اولیه چشم می‌گردد.

LCP رو چطوری بهترش کنیم؟ وظیفه دولوپر است. وظیفه seo اینکه شناسایی کنه و به دولوپر گزارش بده. ولی می‌تونید یه محرمانه راه‌حل هم بدید. می‌تونن اولویتی به اون عکس یا این که جعبه تن که زودتر بار گذاری بشه. در حالتی که عکس بزرگتری المان باشد می‌تونن عکس رو compren کنن و ابعادش رو در‌حد نیاز استفاده کننده کوچیک کنن. یا این که فرمتش رو wep کنن که حجمش معدود بشه.

پریدن در چارچوب شیت رو اندازه‌گیری می‌کنه هنگامی که برگه داره load میشه. این شاخص دیگه تایم وجود ندارد و مقداره.

مثل دکمه‌‌ای رو تو شیت می‌‌زنیم میره ته شیت / اجزای برگه می بایست جاشون معلوم باشه که هروقت load بدون نقص شد بشینه سرجاش. برطرف کردنش برای دولوپر بی آلایش‌اس اما آورده نیکی برای بهینه سازی داراست.

FID

First input Delay

یعنی برگه‌ که بارگذاری شد اینجانب روی یک دکمه کلیک می کنم، معیار هنگامی که اینجانب کلیک کردم تا اتفاقی قراره با کلیک اینجانب چهره بدهد.

بازه هنگامی که اینجانب با کلیک کردنم ریکوئست می‌فرستم به سرور تا وقتیکه سرور به اینجانب response ارسال کنه بایستی کمتر از 100ms باشد.

Interaction to next paint
ترازو جاری بودن و مساعد بودن interaction ها رو می‌سنجه.

گشوده شدن سریع دکمه در قبال کندی

INP

The final INP value is the longest interaction observed, ignoring outliers.

وقت گیر‌ترین تایمی که ارتفاع کشیده تا اینترکشن اجرا بشه. در مجموع تایمی که دارید با اون برگه فعالیت می کنید. داده‌های پرت رو حذف می‌کنه.

INP is calculated when the user leaves the page

زمانی از شیت خارج میرید اندازه‌گیری واقعه میوفتد.

Hovering and scrolling does not factor into INP

اسکرول جزو شاخص‌های INP محسوب نمی شود.

INP

As far as INP goes, only the following interaction type are observed

Clicking with a mouse.

اینها در احتساب inp اثر داراست. کلیک و تپ کردن روی دکمه فیزیکال.

Tapping on a device with a touchscreen.

Pressing a key on either a physical or onscreen keyboard.

ابزار‌های اندازه‌گیری پرفورمنس وبسایت

Google page speed insight
GT metric
Google light house
Google search console
Chrome user experience
Light house مطابق ابزار گوگل عمل می‌کنه اما یه کمپانی دیگه‌اس. بهتره از google page speed insight به کار گیری کنیم. GT metric هم دیتا‌های جالبی میده.

Google page speed insight ورژن تلفن همراه و دسکتاپ داره. این دو عدد ممکنه باهم فرق داشته باشن. در پفورمنس در هر دو می بایست با صرفه کنیم. عنایت گوشی بیشتره.

مطابق real user دیتای مخاطب حقیقی و واقعی رو میده.

URL رو می بایست شیت به برگه تحلیل نمایید

در پی شاخص‌های پرفورمنسی را علامت می دهد.

View treemap بارگذاری شدن کاغذ و المان‌هاش رو می‌تونید ملاحظه کنید و پریدن شیت رو بسنجید.

از بخش All FCP LCP

show audits relevant to را تعیین فرمائید که چه issue هایی را میخواهید نظارت فرمائید. و چه OPPORTUNITIES هایی برای seo توصیه میده و انها رو ما به دولوپر توصیه میدیم.

لزومی نداره seo شغل رمز دربیاره.

در نصیب Diognostic بهتون میگه largest content ful paint element شما چیه.

بزرگ نمایی المان خیر به سایز ربط داره خیر بعدها.

در بخش Accessibility و Best Practices یه محرمانه نکات هم گفته. ممکند یه خصوصی از این شاخص‌ها چیزی نباشه یعنی گوگل دیتایی نداره و استفاده کننده نرفته رایحه اون صفحه های.

Google search site

صرفا برای هر وب سایت و خیر وب سایت حریف. برای تارنما حریف به کنسول دسترسی ندارید.

Core web vitals

دیتای یوزرها حقیقی رو گردآوری می‌کنه و بهتون نشون میده و میگه کدوم url خوبه، داغونه یا این که دبیرستان. روی هرکدوم کلیک فرمایید می‌تونید جزئیات بدون نقص رو مشاهده کنید.

زمانی ایراد رو حل کردید validated fix روبزنید.

CRUX / chrome ux report برای هر سایتی و رقبا می‌تونید بزنید. بر طبق یوزر و داده های عددی حقیقی میباشد.

وارد کردن URL

Connect مرحله آینده crated report و درانتظار شویم تا بار گذاری گردد.

برای تمام وب سایت میده- معدل تک تک تارنما خیر مثل Google speed برای یک ورقه. و در یک نگاه متوجه میشید که در‌صورتی‌که ایراد داره تو کدوم شاخص میباشد. دیتا‌ها رو به تفکیک دیوایس تا یک ماه پیشین بهتون میده. برای رقبا رو هم میده.

Gtmerix.com فرق این ابزار با دیگر ابزارهای گوگل اینکه که خودش محاسبه می‌کنه و از دیتا به کار گیری نمی‌کنه. تنها زیرا سرورش‌ها رو تو کشور‌ایران وجود ندارد ارتفاع می‌کشه تا دیتا رو با سایتی که سرورش تو کشور ایران است رد و بدل کنه. پس شاخص‌ها رو بد نشون میده و غلط داره. اما خب یه خصوصی موعظه‌هایی می‌کنه بعد از آن می‌تونید بوسیله دولوپر بررسی فرمائید مشاهده کنید خوب گردیده یا این که خیر.

بهش میگن lab data (دیتای آزمایشگاهی)

دیتایی که مبنی بر مخاطب حقیقی و واقعی می‌باشد بهش میگن field data

در نصیب speed visual میگه این شاخص‌ها چه وقتی پیش آمده / فرایند بارگذاری شدن و پریدن ورقه رو میگه و از این لحاظ ابزار خوبیه

پلاگین light house رو نصب فرمائید. اکستنشن میباشد- غربال شکن پر‌نور باشه.

در page speed insight دو عدد دیتا داریم lab data و field data

قسمت 3 از گرد هم آیی 4 یادگرفتن HTML

HTML چیست؟

HTML stands for Hyper Text Markup Language. It is a standard markup language

for web page creation. It allows the creation and structure of sections, paragraphs, and links using HTML elements.

اچ تی ام ال لهجه اپ‌نویسی وجود ندارد، گویش علامت‌گذاری میباشد که برای پیاده سازی صفحه ها اینترنت به درد می‌خوره. چارچوب اساسی بدنه وب سایت شما با گویش HTML نوشته می شود.

HTML attributes provide additional information about HTML elements.

All HTML elements can have attributes

Attributes provide additional information about elements.

Attributes are always specified in the start tag.

Attributes usually come in name٫value pairs like: name = ”value”

اتربیوت rel چیه؟ منبع گوگل داکیومنت. در زمینه ی پیوند‌ها به ما داده ها بیشتری میده. درباره‌ی تگ < a> پیوند‌ها رو معین می‌کنه.

For certain links on your site, you might want to tell Google your relationship with the linked page. In order to do that, use one of the Following rel attribute values in the tag!

یه اتربیوت rel داریم که در ارتباط پیوند‌ها یا این که تگ‌های h2 دیتای بیشتری میده که مثال‌اش rel کنونیکال است.

اتربیوت ahrf چیه؟

The tog defines a hyperlink. The href attribute specifies the URL of the page the links goes to

به ما میگه تگ <2> به کدوم کاغذ بره و لینکش کجا بره

اتربیوت src چیه

The tag is used to embed an image in an HTML page. The src attribute specifies the path to the image to be displayed.

دیتای بیشتری در مورپ تگ img میده و میگه نشانی عکس چیه و کجا لود گردیده.

اتریبیوت alt چیه؟

The required alt attribute for the tag specifies an alternate text for an image, if the image for some reason cannot be displayed. This can be due to a slow connection or an error in the Src attribute, or if the user uses a screen reader.

درتگ img دیتای بیشتری میده – توضیحاتی راجع‌به عکس به کراولرها میده و اگه عکس بارگذاری نشه اون متن جایگزین معرفی میشه.

متا تگ چیه و چه تفاوتی با تگ داره؟

Definition and usage.

The tag defines metadata about an HTML document. Metadata is data (information)

about data.

tags always go inside the element, and are typically used to specify characta set , page description, keywords, author of the document, and viewport settings Metadata will not be displayed on the page, but is machine parsable. Metadata is used by browsers (how to display content or reload page), (keywords), search engines and other web services.

متا تگ در ورقه اکران داده نمیشه- تگ تایتل رو نشون میده – متا دیسکریپشن تو شیت چشم نمیشه و صرفا کراولر میبینه -باطن تگ head قرار میگیره

List of meta tags that Google supports

مهم ترین متا تگ‌ها در بهینه سازی

meta name=”description” content. “A description of the page”>

*use this tag to provide a short description of the page. In some situations, this description is used in the snippet shown in search results.

“….,….”>

These meta tags control the behavior of search engine crawling and indexing.

The
In the case of conflicting robots (or google bot) meta tags, the more restrictive tag applies. For example if a page has both the max_snippet: 50 and nonsnippet tags, the nonsnippet

tag will apply.

The default values are index, Pollow and don’t need to be specified. For a Pul list of

values that Google supports, see the list of valid rules.

You can also specify this information in the header of your pages using the X-Robots Tac I wish to limit indexing of HTTP header rule. This is particulary useful if you wish limit indexing of non html files like graphics or other kinds of documents. More information about robots meta tags.

۲ متا تگ پر اسم و رسم در سئو

Robots مقادیر follow /no follow و index/ noindex رو به خودش می‌گیره. به کراولر گوگل میگه اینو ایندکس بکن یا این که مکن. جدید ایندکس ورقه‌ای میباشد که از دسترس بیرون میشه و در حاصل serp علامت داده نمی شود.

پیوند‌هاش می‌تونه no follow / flow باشه.

Follow: گوگل وارد لینک و پیوند‌های درون شیت هم میگردد تا و میبینه به کدوم صفحه ها میره.

این‌ها همگی‌ی تگ‌های HTML نیستند و صرفا در seo اصلی میباشند.

HTML Tags, Meta Tags and Attributes

• Head

Ctrl+u View page source – کد شیت رو می‌بینیم

head با hondar فرق دارااست.

Body

معمولا پس از تگ body head بدنه مهم برگه شماست.

H1 to H6

اینجا بگردید و تگ گزینه نیازتون رو پیدا نمائید. در خویش شیت درصورتی که روی دکمه یا این که لینکی چیزی باشیم کناره تحت سمت چپ نشون میده کجا لینک و پیوند گردیده.

Img

meta

robots

title

تگ a هم میتونه follow no follow بگیره به خوش با robots غیر وابسته نمایید!

|rel=nofollow,UGC,sponsord

By default به طور follow میباشد البته اگه نمی خواهید از وب سایت شما به تارنما دیگر اعتبار منتقل بشه مخصوصاً پیوند دهی فرنگی no follow فرمایید.

rel توش زمانی خالیه follow است در حالتی‌که می خواست اعتباری منتقل نشه no follow نمایید.

sponsored user Generated Content – این ۲ تا رو هم میشه تو این rel گذاشت.

به عنوان مثال یک بنر تبلیغاتی گذاشتید تو وب سایت‌تون یه لینکی دادید به تارنما دیگه تگ a میشه زیرا لینکه البته نمیخواهید اعتبار بهینه سازی تارنما‌تون منتقل بشه زیرا تبلیغات میکنید براش. اولا می‌تونید هم اولا میتونید یه nofollow ، rel مارک یا این که میتونید sponsord ، rel بزنید. هر دو رو میتونید بزنید به گوگل بفهمونید برای اسپانسری و پول گرفتم خیر شما جریه میشید بابت فروش لینک و پیوند و بک لینک و پیوند خیر اعتبار سئویی‌تون منتقل میشه.

UGC استفاده کننده در کامنت شما لینک و پیوند میذاره. با گذاشتن UGC به گوگل می‌فهمونید که در گذاشتن لینک و پیوند دخالت نداشته‌‌اید. تشویق یا این که جریمه‌ام مکن.

گردهمایی 4 قسمت 4

تگ‌هایی می‌باشند که semanticaly اثر دارا‌هستند. اگه این‌تگ رو به کارگیری کنیم برای کروال موتور کاوش مضمون‌ داره و یه ساختاری رو بهش نشون میده و یه حرفی باهاش میزنه که‌این نصیب از وبسایت رو با وجود این تگ‌ها دارم نشون میدم و معرفی می کنم.

تگ header با head فرق داره. تگ header یعنی این هدر شیت میباشد..

تگ main: نصیب میان header و فوتر ، تگ main میباشد.

Body بدنه ورقه میباشد

nav مخفف navigation میباشد که به کروالر میگه اینجا اینجانب یکسری پیوند گذاشتم برای navigation که انسان ها کلیک کنن برن به مکان دیگه مسیرشون رو تو تارنما اینجانب پیدا کنن. هر جا پیوند باشه تگ nav می زنیم.

تگ footer هم برای فوتر به توی main نصیب‌های گوناگون داریم از جمله نوشته‌ی‌علمی داریم و تگ article زدیم -از جملهً در لیست تولیدها خصوصیات جنس رو داریم اون هم تک article میخوره. Article شما ممکنه از یک‌سری section تشکیل بشه.

برای اینکه بفهمیم تگی که مصرف شده صحیح مستعمل یا این که خیر ctrl+shift+i یا این که کلیک راست و Elements< inspect در اینجا میشیه ورژن گوشی وب سایت رو روئت کرد. یه ctrl+f در inspect می زنیم

تگ رو سرچ میکنیم پیدا میکنیم و میریم شیوه و وای‌می‌ایستم و از اینجا نشون میده کجای کاغذ رو که بصورت بصری نشون میده و ارزیابی می کنیم آیا درسمت طراحی گردیده یا این که خیر. به عنوان مثال زمانی روی تگ header ایستاده‌ایم هدر برگه رو نشون میده یا این که خیر این تگ‌ها رو می بایست به صحت توی تارنما به کار گیری نمائید .

تفاوت page source و inspect

They are two browser features to allow you to look at the HTML of your page. The main difference is the “View Source shows the HTML that was delivered from the web server to your browser. Inspect elements is a developer tool to look at the state of the DOM tree after any Javascript have manipulated the DOM.

html، page source رو نشون میده سوای اینکه جاوا اسکریت run نشده باشد یا این که ورقه render گردیده باشه.

Html css ظاهر پیج رو خوشگل می‌‌نماید.

جاوا اسکریپت: لهجه اپ نویسی که کاغذ شما رو زنده و پویا و آنالیز پذیر می‌کنه ، به عنوان مثالً کلیک میکنم و ممکنه محتوای وب سایت شما از روش جاوا اسکریپت پس از اینکه ورقه وی load میشه تزریق بشه و add بشه. تو inspect بعد از آن اینکه جاوا کارش رو کرد می‌بینید.

بدین میگن model dom: document object زیرا چیزی که تو inspect می‌‌بینیم.

Looker studio
ابزاری از خویش گوگل که به راحتی می‌تونید سرچ کنسول و آنالتیکس رو بهش وصل نمایید و کیفیت عالی‌‌خیس بررسی‌هاتون سئو در مشهد رو پژوهش نمائید.
می‌تونیم او‌لین نمودار رو وصل کنیم به اکسل انتها که سهم هر حریف از بازار رو بهمون میداد.
تک تک ورقه‌‌های اکسل رو وصل میکنیم و نمودار رو درمیاریم.
می‌تو‌نید رو تحلیل‌ها ظریف بشید و گپ‌ها رو شناسایی فرمایید.
می‌تونید از غربال هم به کار گیری نمائید و سهم هر رو ترافیک رو روی کیورد ملاحظه کنید. و عدم وجود‌های وبسایت‌هایی که فعالیت نکردن رو پیدا نمائید و شما برید روشون شغل فرمائید.
خیلی امور می‌تونید جاری ساختن بدید و پتانسیل رو به گروه فروش بگید و در گوگل ورقه خدمات سئو در مشهد ارائه بدید.
مزیت لوکر استدیو به گوگل صفحه
بصری زیباست
آنلاین می باشد و میشه تایمش رو عوض کرد و اظهار کرد گزارش رو توی یک ماه یا این که 1سال اخیر بده
می‌تونی share کنی
درحال حاضر دیتا رو می‌تونیم چی فعالیت کنیم؟
بدیم گروه فروش. در صورتی محصولی سرچ متعددی داره و جانور نداریم جانور کنه.
برای ساخت‌و‌ساز ساختار وبسایت و فرصتی که میشه با سکو‌بندی ترافیک گرفت.
ساختاربندی از نصیب‌های اساسی بهینه سازی هستش.

Keyword targeting

Check inventory with your products and marketing

Start designing site structure. Does it need migration?

Design faceted menu

With clusters site to PLP ( product listing page)

With one target to pdf (product detail page) do you need tags?

Assign clusters to urls and empower your topical authority

شاید به عنوان مثال به گروه متاع بگید عینک آفتابی و اون بگه جانور ندارم براین اساس inventory تو تارنما‌تون جان دار باشه. این محدودیت‌ها رو تحلیل نمایید که ملاحظه کنید گروه‌بندی بسازید یا این که خیر. در حالتی که فرضا دو عدد متاع دارید گروه‌بندی نسازید. در اصل گوگل به گروه‌بندی‌هایی که کالا پاره ای دارا‌هستند رنک خیر و خوبی نمیده.

Topical authority هنگامی در صنعت عینک داریم روی چه شاخه‌هایی داریم شغل می کنیم. کیورد ریسرچ کارکشته داریم. وب لاگ پست توانمند داریم. تو اون حوزه expert محسوب بشید. ساختار صحت تو تارنما داشته باشید که برای گوگل قابل index باشد.

وبسایت‌های متعددی می باشند که ساختار و یو آر ال‌شون صحیح وجود ندارد و مبتنی بر کیورد ریسرچ می‌تونیم اصلاح‌شون کنیم.

نشست چهارم seo تکنیکال

Core web vitals: در امر پرفورمنس تارنما یا این که تجارب کاربری میباشد که وبسایت برای استفاده کننده تولید می‌کنه.

Core web vitals در سرچ کنسول به پژوهش ux وبسایت میپردازد و از این جهت سه شاخص LCP ( نمادی از سرعت لودینگ وب سایت)، FID نمادی از سرعت تعامل‌پذیری و CLS ( نمادی از ثبات بصری تارنما را گزینه تحقیق قرار می دهد.)

شاخص FId در هم اکنون جایگزینی با شاخص نو به اسم IND میباشد.

۴،۳ سال قبلی گوگل صرفا با گاز بار گذاری وبسایت می‌پرداخت، بعد از آن اظهار‌کرد ux داره و بعد از آن سه شاخص را مطرح کرد که نقش مهمی در رنکینگ دارا هستند.

LCP وسیع ترین المان بصری وب سایت در چه تایمی بارگذاری میشود.

FID او‌لین تعاملی که استفاده کننده برقرار کرده و پاسخش تو تارنما اومده.

CLS: موقع بارگذاری شدن تارنما چقدر بهم ریختگی وجود داره.

LCP Largest contentful paint

برهه زمانی باصرفه‌اش کمتر از ۲۵ ثانیه‌ میباشد.

وسیع ترین المان ممکنه یه عکس، نوشته‌ی‌علمی یا این که جعبه محتوایی باشه

نکته: مراد تمام ورقه وجود ندارد. اون بخش از محتوا که در نگاه اولیه چشم می‌گردد.

LCP رو چطوری بهترش کنیم؟ وظیفه دولوپر است. وظیفه seo اینکه شناسایی کنه و به دولوپر گزارش بده. ولی می‌تونید یه محرمانه راه‌حل هم بدید. می‌تونن اولویتی به اون عکس یا این که جعبه تن که زودتر بار گذاری بشه. در حالتی که عکس بزرگتری المان باشد می‌تونن عکس رو compren کنن و ابعادش رو در‌حد نیاز استفاده کننده کوچیک کنن. یا این که فرمتش رو wep کنن که حجمش معدود بشه.

پریدن در چارچوب شیت رو اندازه‌گیری می‌کنه هنگامی که برگه داره load میشه. این شاخص دیگه تایم وجود ندارد و مقداره.

مثل دکمه‌‌ای رو تو شیت می‌‌زنیم میره ته شیت / اجزای برگه می بایست جاشون معلوم باشه که هروقت load بدون نقص شد بشینه سرجاش. برطرف کردنش برای دولوپر بی آلایش‌اس اما آورده نیکی برای بهینه سازی داراست.

FID

First input Delay

یعنی برگه‌ که بارگذاری شد اینجانب روی یک دکمه کلیک می کنم، معیار هنگامی که اینجانب کلیک کردم تا اتفاقی قراره با کلیک اینجانب چهره بدهد.

بازه هنگامی که اینجانب با کلیک کردنم ریکوئست می‌فرستم به سرور تا وقتیکه سرور به اینجانب response ارسال کنه بایستی کمتر از 100ms باشد.

Interaction to next paint
ترازو جاری بودن و مساعد بودن interaction ها رو می‌سنجه.

گشوده شدن سریع دکمه در قبال کندی

INP

The final INP value is the longest interaction observed, ignoring outliers.

وقت گیر‌ترین تایمی که ارتفاع کشیده تا اینترکشن اجرا بشه. در مجموع تایمی که دارید با اون برگه فعالیت می کنید. داده‌های پرت رو حذف می‌کنه.

INP is calculated when the user leaves the page

زمانی از شیت خارج میرید اندازه‌گیری واقعه میوفتد.

Hovering and scrolling does not factor into INP

اسکرول جزو شاخص‌های INP محسوب نمی شود.

INP

As far as INP goes, only the following interaction type are observed

Clicking with a mouse.

اینها در احتساب inp اثر داراست. کلیک و تپ کردن روی دکمه فیزیکال.

Tapping on a device with a touchscreen.

Pressing a key on either a physical or onscreen keyboard.

ابزار‌های اندازه‌گیری پرفورمنس وبسایت

Google page speed insight
GT metric
Google light house
Google search console
Chrome user experience
Light house مطابق ابزار گوگل عمل می‌کنه اما یه کمپانی دیگه‌اس. بهتره از google page speed insight به کار گیری کنیم. GT metric هم دیتا‌های جالبی میده.

Google page speed insight ورژن تلفن همراه و دسکتاپ داره. این دو عدد ممکنه باهم فرق داشته باشن. در پفورمنس در هر دو می بایست با صرفه کنیم. عنایت گوشی بیشتره.

مطابق real user دیتای مخاطب حقیقی و واقعی رو میده.

URL رو می بایست شیت به برگه تحلیل نمایید

در پی شاخص‌های پرفورمنسی را علامت می دهد.

View treemap بارگذاری شدن کاغذ و المان‌هاش رو می‌تونید ملاحظه کنید و پریدن شیت رو بسنجید.

از بخش All FCP LCP

show audits relevant to را تعیین فرمائید که چه issue هایی را میخواهید نظارت فرمائید. و چه OPPORTUNITIES هایی برای seo توصیه میده و انها رو ما به دولوپر توصیه میدیم.

لزومی نداره seo شغل رمز دربیاره.

در نصیب Diognostic بهتون میگه largest content ful paint element شما چیه.

بزرگ نمایی المان خیر به سایز ربط داره خیر بعدها.

در بخش Accessibility و Best Practices یه محرمانه نکات هم گفته. ممکند یه خصوصی از این شاخص‌ها چیزی نباشه یعنی گوگل دیتایی نداره و استفاده کننده نرفته رایحه اون صفحه های.

Google search site

صرفا برای هر وب سایت و خیر وب سایت حریف. برای تارنما حریف به کنسول دسترسی ندارید.

Core web vitals

دیتای یوزرها حقیقی رو گردآوری می‌کنه و بهتون نشون میده و میگه کدوم url خوبه، داغونه یا این که دبیرستان. روی هرکدوم کلیک فرمایید می‌تونید جزئیات بدون نقص رو مشاهده کنید.

زمانی ایراد رو حل کردید validated fix روبزنید.

CRUX / chrome ux report برای هر سایتی و رقبا می‌تونید بزنید. بر طبق یوزر و داده های عددی حقیقی میباشد.

وارد کردن URL

Connect مرحله آینده crated report و درانتظار شویم تا بار گذاری گردد.

برای تمام وب سایت میده- معدل تک تک تارنما خیر مثل Google speed برای یک ورقه. و در یک نگاه متوجه میشید که در‌صورتی‌که ایراد داره تو کدوم شاخص میباشد. دیتا‌ها رو به تفکیک دیوایس تا یک ماه پیشین بهتون میده. برای رقبا رو هم میده.

Gtmerix.com فرق این ابزار با دیگر ابزارهای گوگل اینکه که خودش محاسبه می‌کنه و از دیتا به کار گیری نمی‌کنه. تنها زیرا سرورش‌ها رو تو کشور‌ایران وجود ندارد ارتفاع می‌کشه تا دیتا رو با سایتی که سرورش تو کشور ایران است رد و بدل کنه. پس شاخص‌ها رو بد نشون میده و غلط داره. اما خب یه خصوصی موعظه‌هایی می‌کنه بعد از آن می‌تونید بوسیله دولوپر بررسی فرمائید مشاهده کنید خوب گردیده یا این که خیر.

بهش میگن lab data (دیتای آزمایشگاهی)

دیتایی که مبنی بر مخاطب حقیقی و واقعی می‌باشد بهش میگن field data

در نصیب speed visual میگه این شاخص‌ها چه وقتی پیش آمده / فرایند بارگذاری شدن و پریدن ورقه رو میگه و از این لحاظ ابزار خوبیه

پلاگین light house رو نصب فرمائید. اکستنشن میباشد- غربال شکن پر‌نور باشه.

در page speed insight دو عدد دیتا داریم lab data و field data

قسمت 3 از گرد هم آیی 4 یادگرفتن HTML

HTML چیست؟

HTML stands for Hyper Text Markup Language. It is a standard markup language

for web page creation. It allows the creation and structure of sections, paragraphs, and links using HTML elements.

اچ تی ام ال لهجه اپ‌نویسی وجود ندارد، گویش علامت‌گذاری میباشد که برای پیاده سازی صفحه ها اینترنت به درد می‌خوره. چارچوب اساسی بدنه وب سایت شما با گویش HTML نوشته می شود.

HTML attributes provide additional information about HTML elements.

All HTML elements can have attributes

Attributes provide additional information about elements.

Attributes are always specified in the start tag.

Attributes usually come in name٫value pairs like: name = ”value”

اتربیوت rel چیه؟ منبع گوگل داکیومنت. در زمینه ی پیوند‌ها به ما داده ها بیشتری میده. درباره‌ی تگ < a> پیوند‌ها رو معین می‌کنه.

For certain links on your site, you might want to tell Google your relationship with the linked page. In order to do that, use one of the Following rel attribute values in the tag!

یه اتربیوت rel داریم که در ارتباط پیوند‌ها یا این که تگ‌های h2 دیتای بیشتری میده که مثال‌اش rel کنونیکال است.

اتربیوت ahrf چیه؟

The tog defines a hyperlink. The href attribute specifies the URL of the page the links goes to

به ما میگه تگ <2> به کدوم کاغذ بره و لینکش کجا بره

اتربیوت src چیه

The tag is used to embed an image in an HTML page. The src attribute specifies the path to the image to be displayed.

دیتای بیشتری در مورپ تگ img میده و میگه نشانی عکس چیه و کجا لود گردیده.

اتریبیوت alt چیه؟

The required alt attribute for the tag specifies an alternate text for an image, if the image for some reason cannot be displayed. This can be due to a slow connection or an error in the Src attribute, or if the user uses a screen reader.

درتگ img دیتای بیشتری میده – توضیحاتی راجع‌به عکس به کراولرها میده و اگه عکس بارگذاری نشه اون متن جایگزین معرفی میشه.

متا تگ چیه و چه تفاوتی با تگ داره؟

Definition and usage.

The tag defines metadata about an HTML document. Metadata is data (information)

about data.

tags always go inside the element, and are typically used to specify characta set , page description, keywords, author of the document, and viewport settings Metadata will not be displayed on the page, but is machine parsable. Metadata is used by browsers (how to display content or reload page), (keywords), search engines and other web services.

متا تگ در ورقه اکران داده نمیشه- تگ تایتل رو نشون میده – متا دیسکریپشن تو شیت چشم نمیشه و صرفا کراولر میبینه -باطن تگ head قرار میگیره

List of meta tags that Google supports

مهم ترین متا تگ‌ها در بهینه سازی

meta name=”description” content. “A description of the page”>

*use this tag to provide a short description of the page. In some situations, this description is used in the snippet shown in search results.

“….,….”>

These meta tags control the behavior of search engine crawling and indexing.

The
In the case of conflicting robots (or google bot) meta tags, the more restrictive tag applies. For example if a page has both the max_snippet: 50 and nonsnippet tags, the nonsnippet

tag will apply.

The default values are index, Pollow and don’t need to be specified. For a Pul list of

values that Google supports, see the list of valid rules.

You can also specify this information in the header of your pages using the X-Robots Tac I wish to limit indexing of HTTP header rule. This is particulary useful if you wish limit indexing of non html files like graphics or other kinds of documents. More information about robots meta tags.

۲ متا تگ پر اسم و رسم در سئو

Robots مقادیر follow /no follow و index/ noindex رو به خودش می‌گیره. به کراولر گوگل میگه اینو ایندکس بکن یا این که مکن. جدید ایندکس ورقه‌ای میباشد که از دسترس بیرون میشه و در حاصل serp علامت داده نمی شود.

پیوند‌هاش می‌تونه no follow / flow باشه.

Follow: گوگل وارد لینک و پیوند‌های درون شیت هم میگردد تا و میبینه به کدوم صفحه ها میره.

این‌ها همگی‌ی تگ‌های HTML نیستند و صرفا در seo اصلی میباشند.

HTML Tags, Meta Tags and Attributes

• Head

Ctrl+u View page source – کد شیت رو می‌بینیم

head با hondar فرق دارااست.

Body

معمولا پس از تگ body head بدنه مهم برگه شماست.

H1 to H6

اینجا بگردید و تگ گزینه نیازتون رو پیدا نمائید. در خویش شیت درصورتی که روی دکمه یا این که لینکی چیزی باشیم کناره تحت سمت چپ نشون میده کجا لینک و پیوند گردیده.

Img

meta

robots

title

تگ a هم میتونه follow no follow بگیره به خوش با robots غیر وابسته نمایید!

|rel=nofollow,UGC,sponsord

By default به طور follow میباشد البته اگه نمی خواهید از وب سایت شما به تارنما دیگر اعتبار منتقل بشه مخصوصاً پیوند دهی فرنگی no follow فرمایید.

rel توش زمانی خالیه follow است در حالتی‌که می خواست اعتباری منتقل نشه no follow نمایید.

sponsored user Generated Content – این ۲ تا رو هم میشه تو این rel گذاشت.

به عنوان مثال یک بنر تبلیغاتی گذاشتید تو وب سایت‌تون یه لینکی دادید به تارنما دیگه تگ a میشه زیرا لینکه البته نمیخواهید اعتبار بهینه سازی تارنما‌تون منتقل بشه زیرا تبلیغات میکنید براش. اولا می‌تونید هم اولا میتونید یه nofollow ، rel مارک یا این که میتونید sponsord ، rel بزنید. هر دو رو میتونید بزنید به گوگل بفهمونید برای اسپانسری و پول گرفتم خیر شما جریه میشید بابت فروش لینک و پیوند و بک لینک و پیوند خیر اعتبار سئویی‌تون منتقل میشه.

UGC استفاده کننده در کامنت شما لینک و پیوند میذاره. با گذاشتن UGC به گوگل می‌فهمونید که در گذاشتن لینک و پیوند دخالت نداشته‌‌اید. تشویق یا این که جریمه‌ام مکن.

گردهمایی 4 قسمت 4

تگ‌هایی می‌باشند که semanticaly اثر دارا‌هستند. اگه این‌تگ رو به کارگیری کنیم برای کروال موتور کاوش مضمون‌ داره و یه ساختاری رو بهش نشون میده و یه حرفی باهاش میزنه که‌این نصیب از وبسایت رو با وجود این تگ‌ها دارم نشون میدم و معرفی می کنم.

تگ header با head فرق داره. تگ header یعنی این هدر شیت میباشد..

تگ main: نصیب میان header و فوتر ، تگ main میباشد.

Body بدنه ورقه میباشد

nav مخفف navigation میباشد که به کروالر میگه اینجا اینجانب یکسری پیوند گذاشتم برای navigation که انسان ها کلیک کنن برن به مکان دیگه مسیرشون رو تو تارنما اینجانب پیدا کنن. هر جا پیوند باشه تگ nav می زنیم.

تگ footer هم برای فوتر به توی main نصیب‌های گوناگون داریم از جمله نوشته‌ی‌علمی داریم و تگ article زدیم -از جملهً در لیست تولیدها خصوصیات جنس رو داریم اون هم تک article میخوره. Article شما ممکنه از یک‌سری section تشکیل بشه.

برای اینکه بفهمیم تگی که مصرف شده صحیح مستعمل یا این که خیر ctrl+shift+i یا این که کلیک راست و Elements< inspect در اینجا میشیه ورژن گوشی وب سایت رو روئت کرد. یه ctrl+f در inspect می زنیم

تگ رو سرچ میکنیم پیدا میکنیم و میریم شیوه و وای‌می‌ایستم و از اینجا نشون میده کجای کاغذ رو که بصورت بصری نشون میده و ارزیابی می کنیم آیا درسمت طراحی گردیده یا این که خیر. به عنوان مثال زمانی روی تگ header ایستاده‌ایم هدر برگه رو نشون میده یا این که خیر این تگ‌ها رو می بایست به صحت توی تارنما به کار گیری نمائید .

تفاوت page source و inspect

They are two browser features to allow you to look at the HTML of your page. The main difference is the “View Source shows the HTML that was delivered from the web server to your browser. Inspect elements is a developer tool to look at the state of the DOM tree after any Javascript have manipulated the DOM.

html، page source رو نشون میده سوای اینکه جاوا اسکریت run نشده باشد یا این که ورقه render گردیده باشه.

Html css ظاهر پیج رو خوشگل می‌‌نماید.

جاوا اسکریپت: لهجه اپ نویسی که کاغذ شما رو زنده و پویا و آنالیز پذیر می‌کنه ، به عنوان مثالً کلیک میکنم و ممکنه محتوای وب سایت شما از روش جاوا اسکریپت پس از اینکه ورقه وی load میشه تزریق بشه و add بشه. تو inspect بعد از آن اینکه جاوا کارش رو کرد می‌بینید.

بدین میگن model dom: document object زیرا چیزی که تو inspect می‌‌بینیم.