Today, we are going to talk about the different file types, recommended image sizes, and image SEO. What makes a great image for your blog? That’s an easy and complex question to answer. Your images are the supporting tools for your words. You want to make sure you provide the best images for your words.
In Typepad, you can upload a JPEG, PNG, and GIF. Each file has different strengths and should be used in different instances.
JPEG/JPG: Joint Photographic Experts Group
This format will allow you to display millions of colors. This is an excellent format for images with lots of colors and is complex. This file can be compressed into smaller files without losing its clarity. Smaller files have less impact on your blog's load time. This file is great for real-world images, images with complex colors, and if the image has shading light and dark.
PNG: Portable Network Graphics
This format is great for transparent images. It allows you to create a clear and crisp image that is transparent. You can place that image (like a logo) on top of other images or backgrounds. PNGs are also great for screenshots. The text is clearer and transitions between dark and light colors are crisper.
GIF: Graphics Interchange Format
This format is used for animated images. They are like very short videos but in image form. These files are very large and should be used sparingly. They can cause longer load times for the page. If you want to find some great gifs, check out Giphy. Once you have selected to best GIF you can add it to your post.
The size of your image will depend on where you want to put your image. Images for the web are made up of pixels. These are very small squares that make up an image (if you zoom into an image, you can see them). When describing the size of an image, we use pixels (px).
When you insert an image into Typepad, we compress it so it will load quickly on your site. You want to make sure the image is larger than the area you are inserting so when it is compressed it will not lose any quality. We’re going to break down your blog into different sections and give you recommendations for image sizes. The examples shown are from a Design Lab theme, but this can be used as a guide for other themes.
This image goes above your blog posts. It’s the images that can showcase your blog logo and name. You have two options, the banner can go the width of the blog area or the width of the browser.
Recommend image size for a blog-width banner.
Width: 1140px Height: 250px
Recommend image size for a browser-width banner.
Width: 1400px Height: 250px
When selecting your blog's layout, you can add sidebars to either the left, right, or split on either side. The sidebar will appear on all blog posts and pages on your blog. The sidebar is a great place to display information about yourself, your blog, and your ads. We have a module called Sidebar Image that you can use to insert your images into the sidebar.
When creating an image for your sidebar you want to make sure the width is correct. We recommend a width of 500px wide and an auto-adjusted height to keep the image proportional. If you want to create a profile image, we recommend 500px by 500px.
When composing a blog post or page for your blog the size of the image you want to use depends on what you want the post to look like. We go over some popular image placements and the recommended sizes below.
A header or featured image is an image that appears before the text of your blog post. It can reiterate or enhance your post title. You see this in Everything Typepad blog posts. The image size recommended for your header/featured image is 1000px wide and 350px high.
Infographics are visual ways to provide information to your readers. You can add graphs and small text to present information to your readers. These will be larger image files so we recommend you use the JPG file format as it will be compressed to help it load faster. When designing your infographic we recommend keeping it between 600px to 1000px wide and no more than 1800 high (or long). These should provide basic points about a topic, if you want to expand on the points, write them out in the blog post. Check out how we've used an infographic in our post 25 Mobile Design Principles from Google.
Wrapping Text Around an image
For smaller images, or if you want to reduce the space in your post, use our text-wrapping feature. This will wrap your text around an image. If the image is too large, you will have a small sliver of text next to your image and it will look out of place. If you want to wrap text around your image we recommend staying around 250px wide and keeping the height proportional.
Full-size images are great ways to break up a large piece of text in your post with a large image. You can use this to showcase visual examples to better explain your idea or show off your images. We recommend the width of the image be around 1000px wide and an auto-adjusted height to remain proportional.
Image SEO will help your images and posts be found in search engines. Here are some tips to help your images SEO and get your content found in search engines.
What is the image 73q7478303437.png about? If you don’t know neither will the search engines. Make sure to give your image a name anyone could understand. For example, name the image Me_at_Santa_Monica_Beach.png so search engines can pick out keywords from the name.
You can rename the image before you upload it into your post or you can make the change in Typepad. From the Compose page, double click on the image. In the pop up you will see the name of the image in the Description box, you can update this box to be more SEO friendly. This will add the description to the image title and alt tag.
Describe The Image
Like you, search engines look for clues about an image in the text around it. Make sure the text around your image talks about the image or uses the same verbiage as the image name and alt tag.
Is your blog on Pinterest? Let your readers know by showcasing your Pinterest profile or a popular Pinterest board on your blog. Pinterest makes it very easy to create a widget to add to different areas of your blog. Let us show you how!
Creating your Pinterest Widget
Pinterest has a Widget Builder that allows you to customize their widget so it fits on your blog. You can showcase your Pinterest profile or a popular board.
First, you'll need to get your Pinterest profile or board URL. To get your profile URL, log into your Pinterest account and click on the profile image (top right). The URL that shows in the address bar is the URL to your profile page. If you want to get the URL to a popular board, click on the board from your profile, then copy the URL in the address bar.
Now you are ready to go to the Pinterest Widget Builder. Select Profile if you want to link to your Pinterest profile page or click on Board if you want to link to a popular board. Add the URL, then select how you want the widget to appear.
Pinterest offers you different sizes to choose from. This allows you to create the widget that works best for your blog. If you want to fit the widget on your sidebar, select Square or Sidebar.
Square: This will add a small square to your sidebar. It will show the first couple of pins on your profile or board.
Sidebar: This is longer than the square. It goes down the length of your sidebar. This widget is thinner than our sidebar and may look out of place in your blog. You can adjust the width of the widget by changing the width in the code.
Code to look for: data-pin-board-width="150"
Change the 150 to make the board wider to fit your sidebar. The example below used "300".
Header: This is a horizontal rectangle widget that would be great in the ad module in Design Lab themes.
Create your own: If you know the exact size you want the widget to appear on your blog, you can enter the width you want the individual image pins, the width, and the height of the widget to add to your blog.
Now that you have customized the widget, you'll see the code you can add to your blog.
Add To Blog
With the code from Pinterest, it's time to add it to your Typepad blog. First, you need to add the pinit.js code to your head module. (Head module is only available to Unlimited plans and higher.)
Click on the Blogs tab, then the name of the blog. Click on the Design tab, then Head. Paste in the pinit.js code Pinterest provides then click on Save Changes.
Now you are ready to add the widget code to your sidebar. Click on the Design tab, then Content. Under Modules, select Embed Your Own HTML then click on Add This Module. Give the module a label (like Pinterest Widget) then paste in the code from Pinterest. Click on OK, then Save Changes. Now your profile or board will show on your blog.
Writing a blog is no different than writing a book. There are many platforms that will take your blog and turn it into a book. Books can make great gifts for friends and family. We did a little research and found two platforms that you can use to easily create a book from your Typepad blog.
Blog2Print will log into your Typepad account and easily export your blog posts into their platform. When you click on Sign In, select Typepad and create your Blog2Print account. Once in Blog2Print, click on Get Started and select Typepad.
Here you will add your Typepad username and password. Then you will see a list of all your blogs. Select the blog you want and customize your options. Click on Preview after you're done customizing. In the preview window, you can flip through each page to make sure it looks correct and select your book cover options.
The Blog2Print pricing depends on how big you want your book to be, how many pages you want, and what you choose for the cover.
Pixxibook lets you enter your blog URL and they will grab all the posts from your blog.
After they gather all your posts you can customize what is shown in the book. You can narrow it down by date or by category. Customize the cover of your book and add tweaks to how the posts are shown. On the right, you will see your total and when you are done, you can purchase your book. Pixxibook’s pricing is based on the number of pages in your blog. Once you are done, you can purchase and ship your blog around the world.
Have you created a book from your blog? Tell us what program you used and if you would recommend it.
We've integrated Ecwid! A popular e-commerce platform, Ecwid offers multiple plans for all sizes of businesses. You can get started with any plan (even free!) to launch your shop and, what's more, we've made it super simple to integrate it into your Typepad blog. Join our Beta team to get early access to Ecwid.
Now, let's go through the process together.
To get started, you'll need to create an Ecwid account, which you can begin by browsing to Blog > Settings > Ecwid. Click on Create your own store at Ecwid to be redirected and start the process.
The Ecwid login page will show in a new browser tab. Select Create new Ecwid account to start your new account. First, you'll be asked to enter your name, email address, and password. Your email address will be used as your username. Now, there are 4 steps to finish setting up your Ecwid account.
Step 1: Give your store a name, select your country, and currency.
Step 2: Enter your business' physical address. If you don't have a company address yet, please enter an address from where you'll be shipping your orders.
Step 3: Tell Ecwid about yourself. They want to know about your experience selling products, what type of product you're selling, and if you're selling for someone else.
Step 4: Tell Ecwid about your website. They want to know if you have a website and with which service. Currently, Typepad is not listed. You can select Other, then enter Typepad into the box.
Congratulations! You've created your Ecwid account. Now you'll need to add your products into Ecwid.
In Ecwid, you will see a To-Do list. Part of the To-Do list is adding your product to your account. Click on Add your products or services and follow their instructions. Once you are done adding your products you're ready to add your store to your blog.
Click on the Dashboard link of your Ecwid account. At the bottom of the page you'll find your Store ID. Copy this number to be used in Typepad.
In your Typepad account, go back to the Ecwid section (Blog > Settings > Ecwid). Under Already an Ecwid user? paste in your Store Id and click on Save Changes.
Next, click on Create Store Page in my Blog. Typepad will create a page for you titled Store. You can add text to tell people more about what you're selling.
NOTE: You won't see the products you added on the Compose Page or Preview, only when you publish the page.
Pinterest is a popular social media platform. If you're familiar with Pinterest, you've likely spent an afternoon or more (we won't judge) dreaming about and pinning future projects. If you're on Pinterest, take a moment and make sure your blog is verified.
Not on Pinterest, what are you waiting for? Create your Pinterest Business account today. Once your account is set up, easily share it with your readers by adding a board or your profile to your blog sidebar. Make it easy for readers to share your posts on their Pinterest boards by adding a Save button to your images. When you verify your blog with Pinterest you get access to more analytics to inform your strategy on Pinterest. A verified blog also shows a small globe icon that appears next to your URL on your Pinterest profile. Readers can be assured they're viewing pins from a reliable source.
There're two ways to verify your blog with Pinterest: add HTML tags; or upload an HTML file. Today we'll walk you through how to verify your blog each way.
Select Add HTML and some code will show up in a box. Copy the code and add it to your Head module in Typepad. You need the unlimited plan or higher to have access to the Head module.
In a new tab, log into your Typepad account. Click on the Blogs tab, then the name of the blog. Select the Design tab, then Head on the left. Paste in your code from Pinterest and click on Save Changes.
Now go back to Pinterest and click on the red Next button. The next pop-up will confirm you have added the code to your head module. Click on Submit.
Now Pinterest will review your blog and email you once it's approved. This can take up to 24 hours.
Upload HTML File
Select Upload HTML file and then click on Download.
Save the file to your computer. Don't change the name or anything about the file. We recommend you save it to your desktop so you can easily find it.
Open a new tab and log into your Typepad account. In Typepad go to Library > File manager. What you do next will depend on your domain. If you are using your example.typepad.com URL you will upload the file to your Home folder. The Home folder is the default folder when you go to the File Manager. On the top right, click on Choose file and select the Pinterest file from your computer. Then click on upload.
If you have a domain mapped to your blog, you want to add the Pinterest file to the blog folder. From File Manager, click on the specific blog folder, then upload the Pinterest file to that folder.
Pro Tip: Not sure what blog folder to look for? Click on Blogs > Name of blog > Settings. Next to Blog Folder you will see the name of the folder. This is the folder name you're looking for under File Manager.
In Pinterest, click on the Next button and then Submit to claim your blog with Pinterest. Pinterest will review your blog and email you once it's approved. This can take up to 24 hours
Once your blog is claimed you will see a green check-mark next to the domain in Pinterest
Now you're verified with Pinterest! We'd love to see how you're using Pinterest, so drop your Pinterest board links in the comments below.
Now that you have been blogging for a while, you may be wondering "what's the next step?" You work hard to create amazing content, joining Amazon's Associate program is a great way to monetize that content. You can easily start an account and generate code to add to your blog.
Amazon's Associates program is a referral program. When a reader clicks on an Amazon link from your blog, you get a percentage of what they purchase in the next 24 hours. Let’s go over creating your Amazon Associates account.
Join Amazon Associates Program
From the Amazon Associates homepage you can click on Join Now for Free to either log into your existing Amazon account or create a new account.
Set-up Your Amazon Associates Account
Amazon will ask for your personal information. Add your name, mailing address and phone number. If you already have an account, you will see your information there.
Add Your Blog URL
Amazon needs to know where you are on the web. Add the URL to your blog along with any social media sites (they only accept Facebook, Instagram, Twitter, YouTube, and Twitch.tv). If you have a mapped domain, add your mapped domain and your Typepad URL. Once you click on next, you will need to confirm your blog is not directed to anyone 13 years or younger. This is to be compliant with Children's Online Privacy Protection Rule ("COPPA").
Here you can tell Amazon about your blog. What is your blog about? How do you drive traffic to your blog? How many unique views do you receive each month? Most of these questions are answered with multiple choice answers or picking from a drop down menu. You will need to accept their terms of service and then click Finished.
Payment and Tax information
Tell Amazon how you would like to be paid. You can get a direct deposit after you have earned $10, an Amazon gift card after you earned $10, or have a check mailed to you after you earned $100. If you are unsure how you want to get paid or need to gather information you can skip this part.
Next, you can add your tax information. You can set it up as an individual or as a business. If you select individual, you will need to add your full name and SSN/ITIN number. If you select business, you will need to select a Federal Tax Classification and add your EIN.
Congratulations! You've created your Amazon Associates account. At first you are under their Application Review Process. You have 180 days to generate at least 3 sales to continue with your account. Amazon offers several ways to generate sales. Something we will go over in our next post!
If there is a charity or fundraiser you feel really passionate about, are you using your blog to share this with your readers? Many websites offer an "embed" option to share information from their site to yours. GoFundMe and Kickstarter include an Embed option to share their fundraisers to other places besides social media accounts.
NOTE: Because you are dealing with a third-party script, it is recommended that you complete your blog draft first and then proceed to insert your script last, just as you're ready to schedule or publish your post.
Locate the "Share" button on the GoFundMe or Kickstarter page and select "Embed", this will direct you to a pop-up window where you can customize the appearance of your makeshift fundraising widget.
Embed Code from GoFundMe
Embed Code from Kickstarter
The code is generated for you, all you need to do is copy and paste it into your blog post. It's very easy to embed HTML code into your post using the HTML editor tab on the Compose Page. In your draft, switch to the HTML tab.
You set up your account information when you start your Typepad account, that may have been ages ago. Take a few moments to make sure your account information is up-to-date.
To update your information, click on the Account tab on the top right.
Name and Email Address
Make sure the correct owner's name is on the account. The name shows up when you create a ticket and helps us know who we're speaking with.
Your email address is also your username. Your blog may be a personal blog, make sure it uses an email address you will always have access to. Don't use a company email address in case you change jobs and don't have access to that address anymore. If you are blogging for a company, use a common email address for that company, like firstname.lastname@example.org or email@example.com. This way, if the person who is blogging leaves the company, you can still access the account and get important information.
If you change the email address on the account, we'll send you an email at the new address. This is to verify the email address is valid. Click on the link in the email to verify the change. If you don't click on the link, the change won't be made. Keep in mind, once you update the email address, your username will change too.
Only you need to know your password. If at any time you believe your account is compromised in any way, you want to update your password. You can do it here, under the Account tab or if you don't have access to your account, you can use the Forgot Password link from the login page.
Security Questions are very important for account access. If you ever need help getting access to your account, we'll ask you to answer your security questions. If you don't have your security questions set up or don't know the answer, you'll need your billing information to gain access to your account.
As with your password, you want to make sure your security question answers are something you will think of but bad guys will not. We have a great guide, How To Create Secure Security Questions, to help you come up with great secure question and answer combos.
Language and Timezone
Typepad allows you to pick the language for your account. Select a language that you're most comfortable with. We have a verity of languages for you to choose from. This will make navigating in Typepad easier for those that don't speak English. There will be some areas that have not been translated. If you are having trouble reading areas of Typepad or have questions; you can reach out to us or use Google Translate to decipher the text. This applies to your Typepad account only. You can type in any language for your blog posts.
When scheduling your posts, it is important to make sure your time zone is correct. 3PM Eastern time is very different than 3PM Pacific time. If the time zone is wrong, the post will not publish as scheduled and the wrong time can show at the bottom of your published posts.
Join our Beta Team
We're continually updating and adding new features to Typepad. Once we're done testing something new, we release it to our beta team for real world testing. If you're part of our beta team you can have access to these features before anyone else. You don't have to use a feature if you don't need it. If you do use a feature, please provide your feedback or any issues you have. We can then look into your experience and make further updates. This testing is important to us because everyone uses their account in a unique way. Having you try out these new features helps us test in ways we may not of thought of.
Once you're done updating your Typepad account, take a moment and update other programs you use to blog.
The spring cleaning season is here. You may be focused on cleaning your home or personal goals, but don't forget to give your blog some attention. It may be overwhelming to think about cleaning up your blog. Never fear! We have a great checklist to get you started!
Can your blog be read on a phone? If you're not sure, take a moment to check. We can wait...
Was it hard to view your text? If you find it hard, your readers will too. We recommend you update your theme to one of our responsive options. You can select one of our customizable Design Lab themes or our new Featured Cards theme. Our Design Lab themes, the Design Lab builder, and Featured Cards are all great options.
Our Design Lab themes allow you to customize your blog by choosing your own colors, fonts, and more for each section. Below we have some themes for you to choose. Find one that fits your style, then customize it to make it your own.
We have recently added Featured Cards to our themes. This theme is mobile friendly and has a very modern look. Your blog posts will show as a Magazine-inspired layout.
Quick tip: Create a test blog to select and customize your new theme. Once it's perfect, you can apply it to your original blog.
Check Your Links
When was the last time you clicked through your blog? Are all your links still going to relevant information? Take the time and click on all the links of your blog and make sure they are going to their intended destination. Here is a list of places to check:
Social Media icons or links
Any links on your sidebar
Links in footer
Keep a list of what needs to be changed. The first place to start updating links is on your Design tab. Under Content, you will see all of the modules that you can edit. Click on the pencil to update the module with new links. If your link is in a Typelist, click on My Library then Typelist.
If you recently mapped your domain, make sure to take a moment and check all to make sure they are using your new domain.
Does Your Custom Domain Work Without WWW
More and more people are dropping the www when they type your domain into an address bar. You want to make sure if a reader doesn't use www, it will still forward to your blog. To check if your forward works, we recommend you use a browser that you don't normally use or use a different computer. Type in your domain without the www and click enter.
Does your blog show up? If it does, great! Your forward is working great and no need for further steps.
When was the last time you looked at your logo or banner? Does it need to be updated or do you need a new one? Now is a great time to review your logo and banner and make sure it fits your blogs' brand.
If you want to design a new one, we recommend checking out Canva or PicMonkey. Both are paid services, but they offer free trials for you to utilize. You can see examples to help inspire you. Customize the templates provided or make your own.
When looking for images to use in your logo or banner, you do not want to grab any old image off of Google. You want to use an image that is free for you to use. There are many free image sites out there that offer Creative Common License images for you to use on your blog. You can search by keywords and use the one that works best for you. Some that Typepad uses are Pexels, Unsplash, Pixabay. There are many more royalty-free and free stock images sites available. Take a look and see what you can find.
If designs are not your thing, you can hire someone to create a logo for you. Typepad's design team can create a custom banner for your blog. We can take an existing logo or design you have and update it. Outside of Typepad, two of the most popular are Upwork and Fiverr. Many design professionals are on these sites and can work with you to create a banner for your blog or a new logo to help stand out. They make it easy to find someone, collaborate with them, then pay them for their services.
Update Your About Page
Your readers are curious about the person behind the blog. Your focus may have changed since starting your blog. Update your About page to include any new information to share with your readers who you are and what the blog is about.
Some information to consider for your About Page:
Contact info. How can people contact you about your blog?
Include links to all your social media sites. The Other Accounts feature will allow you to link to social media sites on your blog and your About Me page.
What is the blog about? Create a short summary of what readers can learn from your blog.
How/why did you get started blogging? Are you an expert in the field or do you want to share your experiences? Are there others helping you with the blog? Who are they?
Are there any important milestones or interesting facts about your blog? Was it featured in any well known publications?
Meta Keywords And Description
Your meta keywords and meta description are used by search engines to classify and describe your blog content. As you start blogging your message can evolve. Make sure the content you're blogging about is represented in the meta data.
The meta keywords help search engines know what your blog is about. You want to add keywords and phrases that describe what information is found in your blog. You want to use long-tail phrases as that is what people tend to use to search.
For example: What to cook vegan for dinner, How to cook vegan meals, How to find vegan restaurants, Find vegan recipes, Vegan, Cooking, Vegan Food, Cook Vegan
The meta description is what shows under the search engine results. It is a brief description of your blog. The primary goal of your meta description is to showcase the value of your blog and to encourage searchers to click. It can be any length, but Google tends to truncate after 160 characters. It should be written in your blogging tone and voice. Include your meta keywords in a natural conversational way.
If you are thinking to yourself "when will I have time to do all this?" We are here to help! Our Design Team offers a Tune-Up service to review your blog, identify areas that could use improvement, and then make all the changes for you.
After you have cleaned your blog, post a link in the comments. We would love to see your new and improved blog!
With tax season just around the corner we thought it would be great to interview one of our prolific tax bloggers Paul L. Caron, Professor of Law and Dean at Pepperdine Caruso School of Law. TaxProf Blog is a very popular tax blog, Dean Caron uses his years of knowledge of taxes to give insight into the latest news. He took a few moments to share with us (and our readers) his blogs and his thoughts about Typepad.
Can you tell us about yourself and your blog? Is it just you writing your blog or do you have a team that helps?
I am a former law school tax professor and am now a law school dean. I started TaxProf Blog on April 15 (appropriately for a tax blog), 2004. I do the blog myself, with several law professors contributing items every week.
Why did you start your blog? Can you tell us the back story to TaxProf?
It was the outgrowth of an email listserv I created for over 300 tax law professors on April 15, 1995. The listserv and blog have helped create a vibrant community of tax professors who share information and ideas about teaching and research.
Scheduling your post is a great way to stay ahead of posting. Learn how to do it here.
What is your process for writing a blog post?
I do most of my posts over the weekend and schedule them for publication during the week, so blogging does not interfere with my job as dean.
How do you find fresh topics to write about?
About 1/3 of the content comes over the transom from folks; the other 2/3 comes from various feeds with tax and legal education information.
What is the funniest thing that has happened to your blog?
My wife was on a bus going to work and a guy overheard her talking with a friend about my blog. He introduced himself and said he worked for the IRS and follows my blog.
What is your favorite feature in Typepad?
The stability of the platform.
What other programs/software do you use to help with your blog?
RSS feeds from various sources.
What is the most important thing you have learned from blogging?
That it is not for everyone. I formed a network of over 50 blogs in other areas of law, but most of them have not taken off because the editors were not as committed to their blogs as I am to mine.
You have a few minutes, what is your go to tip about blogging?
Post, post, and post some more. A daily diet of posts help builds a following.
What blogs do you follow?
All of the leading tax and legal education blogs.
What is one goal for your blog in the next 6 months?
Continue to expand its reach (traffic).
Who or what inspires you to keep blogging?
I feel I am making a real contribution to tax law and legal education.
With more people starting a blog, what is one piece of tax or legal advice would you give bloggers?
Pay your taxes!
Thank you Dean Caron for taking the time to speak with us about your blog. We hope this interview will help with your goal.
*After your 14 day free trial you will be automatically subscribed to the services at your subscribed rate. You may cancel your subscription at any time during your 14 day free trial to avoid being charged. Additional information concerning your free trial can be found in the Terms of Service.